답변 2개
채택된 답변
+20 포인트
8년 전
</p><p style="margin-left: 40px;">$(function(){</p><p style="margin-left: 120px;">$(document).scroll(function(){</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>var scT = $(document).scrollTop();</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>if (scT > 150)</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>{ $("#Up").fadeIn(500);</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>}else{</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span> $("#Up").fadeOut(500);</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>$("#Up").click(function(){</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>var area0 = $("#top").offset().top;</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>$("html, body").stop().animate({scrollTop:area0},100);</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>})</p><p style="margin-left: 0px;"><span class="Apple-tab-span" style="white-space:pre"> </span>})</p><p style="margin-left: 40px;"><span style="font-size: 14.6667px;">})</span> </p><p>
up이라는 버튼과 top이라는 영역은 기호에 따라 css로 위치 앞으세용
물론 jQuery는 탑재 되어 있어야 하겠죠?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
z
zkdlf
8년 전
와 소스를 주실줄이야 감사합니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인