반응형
jquery cdn
scrollTo.js
필요함
a 태그 버튼들을 다 선택자안에 집어넣고 제이쿼리로 스크롤 속성준다.
900은 millisecond단위로 보통 기본으로 하는 값
$('header a, .btn-gototop').click(function(){
$.scrollTo(this.hash || 0, 900);
e.preventDefault();
});
이렇게쓰면 좋은게 IE에서까지 지원이 되는거고,
IE가 서비스종료되면서는
간단히 CSS로
html{scroll-behavior:smooth;}
로 지정하면 쉽게 부드럽게스크롤하는 효과 줄 수 있다.
반응형
'Frontend > Javascript Typescript' 카테고리의 다른 글
[Typescript] Typescript Essentials1 (1) | 2023.11.01 |
---|---|
[Jquery]사이즈에 따른 반응형 스크립트 / colspan setAttribute (0) | 2021.12.15 |
smooth scroll (1) | 2021.09.30 |
javascript library anime.js (1) | 2021.09.30 |
jquery 사이드바 토글 (0) | 2021.08.23 |