스크립트1 [jquery] 부드럽게 화면 상단으로 이동하는 버튼 만들기 코딩/제이쿼리 2024. 9. 2. 웹페이지에서 흔히 볼 수 있는 화면 상단 이동 버튼.본문 내용이 길어 스크롤바가 길 때, 최상단으로 한번에 이동할 수 있어서 매우 편리한 기능.거의 모든 사이트나 앱에서 필수적으로 들어가는 버튼이다.보통은 그냥TOP이렇게 쓸 수도 있지만..이대로 쓰면 갑자기 뿅~ 하고 최상단으로 이동해 버리게 된다. 보기 좋지 않음..그래서 보통은 부드럽게 스크롤이 이동하도록 스크립트를 겸해서 쓴다. jquery$(".btn_top").on('click', function(){ $('body, html').animate({ scrollTop: 0 }, 300 ); return false;});이렇게 하면 스르륵 스크롤 되면서 최상단으로 이동 함. 근데 여기서 한 단계 더 나아가스크롤이 최상단일때는 btn_to.. 이전 1 다음
Comments