목록2021/02/14 (1)
디케이
[html,jQuery] 클릭 시 해당 엘리먼트로 스크롤 이동
java script(jQuery) $(document).ready(function($) { $(".scroll_move").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); }); }); // 클래스가 scroll_move인 a 태그를 눌렀을때 발생되게 하는 이벤트 // $(this.hash) a태그에 있는 해쉬 값으로 스크롤링 되며 이동 // 500 은 스크롤 속도 html 소스 div1로 이동 div2로 이동 div3로 이동 div4로 이동 div1 div2 div3 div4
HTML, CSS
2021. 2. 14. 17:55