jquery div - 이상한 행동으로 부드러운 스크롤

Question

나는 고정 헤더와 3 개의 메인 div가 서로 아래에있는 웹 페이지를 가지고 있습니다. 머리글에있는 링크 중 하나가 마지막 div로 부드럽게 스크롤됩니다. 스크롤은 첫 번째 클릭에서 작동하지만 다시 클릭하면 페이지 상단으로 스크롤됩니다. 기본적으로 토글처럼 행동합니다. 먼저 div를 스크롤하고 div를 클릭하면 페이지 맨 위로 스크롤됩니다.

내가 가진 코드는 다음과 같습니다

var targetOffset = $('#targetDiv').offset().top - 75; 
$('html, body').animate({scrollTop: targetOffset}, 700); 

Answer 1

문제는 당신이 모든 클릭에 targetOffset을 계산이다. 아마도 이것은 작동 할 수 있습니다 :

$(document).ready(function() { 
    var targetOffset = $('#targetDiv').offset().top - 75; 
    $('#theLink').click(function(){ 
    $('html, body').animate({scrollTop: targetOffset}, 700); 
    }); 
});