JQuery+JavaScript 페이지 내 이동시 부드러운 스크롤
페이지 정보
- 작성자후야
- 조회 : 175
- 작성일 : 2021-03-30 23:42
본문
페이지 내 이동시 부드러운 스크롤
메뉴 클릭시 페이지 내 이동할 때 부드럽게 스크롤...
메뉴에는 각 단락의 클래스 네임으로 링크 지정 ex) .ex1, .ex2, .ex3...
offset값은 이동시 상단에 여백을 지정
$('nav a').click(function(event) {
var id = $(this).attr("href");
var offset = 70;
var target = $(id).offset().top - offset;
$('html, body').animate({
scrollTop: target
}, 500);
event.preventDefault();
});
- 이전글input 양식 선택시 테두리 제거 2021.04.14
- 다음글목록 페이지에 특정 이미지 원본 선택해서 출력하기(by gnustudy) 2021.03.27