jQuery를 사용하여 구현합니다. 사용된 사진: 1. 이 페이지를 맨 아래로 스크롤하면 go2top 버튼이 나타납니다. 2. go2top-inner는 아직 사용되지 않습니다. HTML&JS 정의: 코드 복사 코드는 다음과 같습니다. <br> $(함수(){<br> $('#go2top').click(function(){<br> $("html,body").animate({scrollTop:0},200);<br> false를 반환합니다.<br> });<br> $(window).scroll(function(){<br> var obj=$('#go2top');<br> If(obj.offset().top>900){<br> obj.show();<br> }그 외{<br> obj.hide();<br> }<br> });<br> });<br> <br> </div> <p>CSS 정의</p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="39746" class="copybut" id="copybut39746" onclick="doCopy('code39746')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code39746"> <br> .go2top {<br> 배경: url("<a href="http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e6db63315d63.png">http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e6db63315d63.png</a>") 반복 없음 스크롤 왼쪽 상단 투명;<br> 하단: 65px;<br> 색상: #444444;<br> 디스플레이: 없음;<br> 높이: 50px;<br> 여백-왼쪽: 510px;<br> 위치: 고정;<br> 오른쪽: 160px;<br> 텍스트 정렬: 가운데;<br> 너비: 50px;<br> }<br> .go2top:hover {<br> 배경 위치: -50px 상단;<br> }<br> </div> <p>매우 편리하고 실용적인 기능을 사용해 보시고 마음에 드셨으면 좋겠습니다. </p>
