상단으로 / 하단으로 가기 버튼 질문입니다. 채택완료

</p><p><?php</p><p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p><p>include_once(G5_PATH.'/_head.php');</p><p>?></p><p> </p><p><style type="text/css"></p><p>/* BackToTop button css */</p><p>#Topscroll {</p><p>    position:fixed;</p><p>    right:150px;</p><p>    bottom:200px;</p><p>    cursor:pointer;</p><p>    width:50px;</p><p>    height:50px;</p><p>    background-color:#3498db;</p><p>    text-indent:-9999px;</p><p>    display:none;</p><p>    -webkit-border-radius:60px;</p><p>    -moz-border-radius:60px;</p><p>    border-radius:60px</p><p>}</p><p>#Topscroll span {</p><p>    position:absolute;</p><p>    top:50%;</p><p>    left:50%;</p><p>    margin-left:-8px;</p><p>    margin-top:-12px;</p><p>    height:0;</p><p>    width:0;</p><p>    border:8px solid transparent;</p><p>    border-bottom-color:#ffffff</p><p>}</p><p>#Topscroll:hover {</p><p>    background-color:#e74c3c;</p><p>    opacity:1;filter:"alpha(opacity=100)";</p><p>    -ms-filter:"alpha(opacity=100)";</p><p>}</p><p> </p><p>#Bottomscroll {</p><p>    position:fixed;</p><p>    right:150px;</p><p>    bottom:50px;</p><p>    cursor:pointer;</p><p>    width:50px;</p><p>    height:50px;</p><p>    background-color:#3498db;</p><p>    text-indent:-9999px;</p><p>    display:none;</p><p>    -webkit-border-radius:60px;</p><p>    -moz-border-radius:60px;</p><p>    border-radius:60px</p><p>}</p><p>#Bottomscroll span {</p><p>    position:absolute;</p><p>    top:50%;</p><p>    left:50%;</p><p>    margin-left:-8px;</p><p>    margin-top:-12px;</p><p>    height:0;</p><p>    width:0;</p><p>    border:8px solid transparent;</p><p>    border-bottom-color:#ffffff</p><p>}</p><p>#Bottomscroll:hover {</p><p>    background-color:#e74c3c;</p><p>    opacity:1;filter:"alpha(opacity=100)";</p><p>    -ms-filter:"alpha(opacity=100)";</p><p>}</p><p></style></p><p><script></p><p>$(document).ready(function(){ </p><p>    $(window).scroll(function(){ </p><p>        if ($(this).scrollTop() > 100) { </p><p>            $('#Topscroll').fadeIn(); </p><p>        } else { </p><p>            $('#Topscroll').fadeOut(); </p><p>        } </p><p>    }); </p><p>    $('#Topscroll').click(function(){ </p><p>        $("html, body").animate({ scrollTop: 0 }, 200); </p><p>        return false; </p><p>    }); </p><p>});</p><p></script></p><p><script></p><p>$(document).ready(function(){ </p><p>    $(window).scroll(function(){ </p><p>        if ($(this).scrolltop() < 100) { </p><p>            $('#Bottomscroll').fadeIn(); </p><p>        } else { </p><p>            $('#Bottomscroll').fadeOut(); </p><p>        } </p><p>    }); </p><p>    $('#Bottomscroll').click(function(){ </p><p>        $("html, body").animate({ scrolltop: 0 }, 200); </p><p>        return false; </p><p>    }); </p><p>});</p><p></script></p><p> </p><p><div> <a href="javascript:void(0);" id="Topscroll" title="Scroll to Top" style="display: none;">Top<span></span></a></div></p><p> </p><p><div> <a href="javascript:void(0);" id="Bottomscroll" title="Scroll to Bottom" style="display: none;">Bottom<span></span></a> </div></p><p>