jquery 태그 좀 봐주세요 ㅠ ㅠ 채택완료
nanati
8년 전
조회 4,012
페이지 탑으로 가는 버튼을 만들었는데
잘 안되네요...
혹시 제가 뭐 닫는 태그를 잘못 썼다든가, (쓸데없는 태그가 들어가 있다든가; 중복되었거나 )
어디 잘못된 부분이 있다던가 한가요?ㅠ
아시는 분 좀 알려주세요 ㅠ ㅠ
</p><p>/* 스크롤이 탑에서 100px 움직이면 버튼을 표시 */</p><p>$(window).load(function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var topBtn = $('#pageTop');<span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>topBtn.hide();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(window).scroll(function () {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ($(this).scrollTop() > 100) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>topBtn.fadeIn();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>} else {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>topBtn.fadeOut();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>//스크롤해서 탑으로</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>topBtn.click(function () {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('body,html').animate({</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>scrollTop: 0</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}, 500);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>return false;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>/* 스크롤을 부드럽게 */</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('a[href^=#]').click(function () {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var speed = 500;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var href = $(this).attr("href");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var target = $(href == "#" || href == "" ? 'html' : href);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var position = target.offset().top;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("html, body").animate({</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>scrollTop: position</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}, speed, "swing");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>return false;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p>});</p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인
여태 그 태그 그대로 복사해서 여기저기 썼었꺼든요;;
근데 문제 없었는데 오늘보니까 이상해서 ㅠ ㅠ