탑버튼 문의드립니다.
본문
탑버튼 애니메이션 넣어서 자연스럽게 상단으로 이동하는걸 넣었는데
뭔가 렉같은게 걸리더라구요..
혹시 왜그러시는지 아시는분 계실까요 ?
제가쓴 코드는
$(document).ready(function(){
$('.btn_gotop').click(function(){
$('html, body').stop().animate({scrollTop:0},500);
});
});
이거고
적용한 홈페이지는
답변 3
이미지가 4메가, 7메가, 9메가 짜리가 있네요.
이거부터 줄여 보세요.
아 감사합니다 :-) 사진용량을 줄여볼게요
stop().
위 부분 빼고 해보세요.
그부분 빼고 써도 똑같아요 ㅠ 바로 실행되는게아니라 스윽하다가 실행되는 느낌
500 부분이 시간 부분입니다. 바로 하려면 0으로 수정해보세요. 1000 = 1초
그누보드 경우, 아래처럼 소스가 되어 있네요.
<button type="button" id="top_btn">
<i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span>
</button>
<script>
$(function() {
$("#top_btn").on("click", function() {
$("html, body").animate({scrollTop:0}, '500');
return false;
});
});
</script>
소스는 맞는거같은데 윗분처럼 사진용량때문에 그런거같아요 !