JQuery 오프셋 #NaN 문제

Question

페이지 상단에 고정 메뉴 막대가 있고 모든 메뉴 링크가 같은 페이지의 앵커 링크입니다. 간단히 말해서, 메뉴 항목으로 앵커 링크가있는 섹션으로 나뉘어 진 한 페이지 웹 사이트입니다.

메뉴 항목을 클릭 할 때 아래의 javascript를 사용하여 섹션을 부드럽게 만듭니다.

$(document).ready(function() { 
    $("a.anchorLink").anchorAnimate() 
}); 

jQuery.fn.anchorAnimate = function(settings) { 

    settings = jQuery.extend({ 
     speed : 1100 
    }, settings); 

    return this.each(function(){ 
     var caller = this 
     $(caller).click(function (event) { 
      event.preventDefault() 
      var locationHref = window.location.href 
      var elementClick = $(caller).attr("href") 

      var destination = $(elementClick).offset().top-60; 
      $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() { 
       window.location.hash = elementClick-60 
      }); 
      return false; 
     }) 
    }) 
} 

톱 메뉴 높이가 60 픽셀이므로 offset()에서 뺍니다. 위로 슬라이드가 올바르게 작동하는지 확인합니다. 또한 위치 해시를 빼야 할 때도 있습니다. FF와 IE에서는 잘리는 슬라이드가 있으며, 한 번 클릭하면 슬라이드가 완료됩니다.

는

그것은 잘 작동하지만 문제는 여기에 전체 코드입니다 http://www.site.com/#NaN 대신

http://www.site.com/#linkname의 같은 URL이 표시 될 때 - http://jsfiddle.net/85saK/1/가. 안타깝게도 실제 링크 ID 대신 #NaN으로 끝나는 클릭 후 URL을 표시하지 않습니다 (예 : #store, #home 또는 #contact).

Answer 1

시도 :

var destination = $(elementClick).offset().top -60; 
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() { 
    //window.location.hash = elementClick 
    elementClick 
});