본문 바로가기

프로그래밍 예제/ 예제

클릭하면 지정해둔 위치로 스크롤 이동(스크롤 변경)

$(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 태그의 기본 동작 취소(버블링)