반응형
$(document).ready(function () { // 1. 특정 위치에서 부터 버튼 나타고, 사라지게..효과는 fade로 $(window).scroll(function () { if ($(this).scrollTop() > 200) { $('.go-top').fadeIn(200); } else { $('.go-top').fadeOut(200); } }); // 2. 버튼 클릭하면 원하는 위치로 이동 $('.go-top').click(function (event) { event.preventDefault(); $('html, body').animate({ scrollTop: 0 }, 300); }); });
[1] 스크롤이 200보다 크다면 .go-top버튼을 fadeIn하고, 아니라면 fadeOut시켜라
[2] .go-top버튼을 누르면 "scrollTop:0" 위치로 이동한다 300속도로..
반응형
'html, css, javascript > javascript/jquery' 카테고리의 다른 글
[Jquery] swiper slider 스와이퍼 슬라이더 속도 각각 지정해주기 (0) | 2020.11.26 |
---|---|
[jQuery] if, else if, else 사용법 (0) | 2020.07.08 |
[javascript] 모바일 / PC 접속 구분하기 (0) | 2020.03.09 |
[Jquery]레이어팝업 "오늘은 그만보기 / 닫기" 버튼 제이쿼리 (0) | 2020.02.20 |
[javascript, jquery] 조건문 => 부등호연산자 (0) | 2019.12.04 |
댓글