앵커가 ID에 연결되어 있는지 확인

Question

앵커를 클릭했을 때 매끄러운 스크롤을 할 수는 있지만 먼저 앵커 링크가 id에 연결되어 있는지 확인하고 싶습니다. 해시가 있다면 스크롤을하지 마십시오.

처럼 : 클릭에

<a href="#">do not scroll</a> 

<a href="#anyID">Yes do the scroll</a> 

내 현재 코드 스크롤 단지 해시가 모든 앵커. 이 스크롤되지 않도록 고정 그냥

$('a[href^="#"]').click(function (e) { 
    e.preventDefault(); 
    var target = this.hash; 

    if (typeof($(target).offset()) != 'undefined') { 
     $('html, body').animate({ 
      scrollTop: $(target).offset().top - 60 
     }, 1000); 
    } 
}); 

Answer 1

을 시도 내 코드를 수정하시기 바랍니다 해시를 선택하면 선택기가 다음과 같이 바뀔 수 있습니다.

$('a[href^="#"][href!="#"]') 

Exis 요소의 tence도 좋은 것입니다.

Answer 2

해시 경우

당신이 요소가 단지 포함하지 않는 각 앵커 존재하는지 확인하는 경우

$('a[href^="#"]').click(function (e) { 
    e.preventDefault(); 
    var target = $(this.href); 

    if (target.length && target.is(':visible')) { 
     $('html, body').animate({ 
      scrollTop: $(target).offset().top - 60 
     }, 1000); 
    } 
}); 

Answer 3

$('a').click(function(){ 
var href=$(this).attr('href'); 
if(href!="#"){ 
    $('html, body').animate({ 
    scrollTop: $(href).offset().top - 60 
    }, 1000); 
} 
});