테스트 사이트 - 개발 중인 베타 버전입니다

밑에글다 읽고 밑에 위로라는 버튼 채택완료

zkdlf 8년 전 조회 1,794
위로라는 버튼을 클릭하면 정해진 곳위까지 자동 올라가는 기능 혹시 어디서 받을수없을까요?
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
humanb2box
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년 전
와 소스를 주실줄이야 감사합니다

댓글을 작성하려면 로그인이 필요합니다.

소스 감사합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

h
humanb2box
8년 전
채택~~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인