반응형
$(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 |
댓글