$(document).ready(function () {
$("#scroll").on("click", function (event) {
var offset = $(".Sec6").offset().top;
// swiper.mousewheel.disable();
$("html, body").animate({
scrollTop: offset,
}, 400);
console.log(offset);
});
});
✅ javascript
1) #scroll 이라는 id 버튼을 누르면
2) .Sec6 class 상단으로 이동한다
3) 부드럽게 이동하기 위해 animate 추가
'Coding > javascript' 카테고리의 다른 글
| [css/jquery] span을 이용하여 x자로 바뀌는 햄버거 버튼 만들기 (0) | 2022.06.15 |
|---|---|
| [jquery/css] 모바일 햄버거버튼 만들기 (0) | 2022.06.15 |
| [jquery] 스크롤이 내려가면(슬라이드가 끝나면) fixed된 버튼이 사라짐 (0) | 2022.06.15 |
| [javascript] 상품 구매 페이지 만들기 (0) | 2022.06.15 |
| [JavaScript] 로그인창 미입력시 경고문구 뜨게하기 (0) | 2022.05.19 |