$(function(){
var scrollTop = $(window).scrollTop();
$('.desc a').click(function(){
var captionTop = $('.ft-caption').offset().top;
$('html, body').animate({scrollTop : captionTop}, 600);
return false;
});
});
변수 captionTop는 '.ft-caption'의 좌표 중 top의 값
'.desc a'를 클릭하면 'html, body'의 scrollTop이 captionTop로 변경
return false;로 a 태그의 기본 동작 취소(버블링)
'프로그래밍 예제 > 예제' 카테고리의 다른 글
userAgent를 사용하여, 사용자 브라우저 확인하기 (0) | 2019.02.25 |
---|---|
스크롤 작동 중 내리는 스크롤과 올리는 스크롤 구분하기 자바스크립트 (0) | 2019.02.25 |
자바스크립트에서 vw로 단위 주기 (0) | 2019.02.20 |
반응형 사이트 만들기(반응형 속성 추가) 자바스크립트 (0) | 2019.02.20 |
스크롤 내리면 헤더 위치에 맞게 메뉴 고정 (0) | 2019.01.21 |