Kann die Eigenschaft 'top' von undefined nicht lesen

Question

Der Versuch, die Seite zu einem Anker zu scrollen und ich bekomme diesen Fehler.

Kann nicht Eigentum 'top' undefinierter

lesen Im Moment habe ich meine JS wie die folgende haben ...

//scroll to section process page 
function scrollToAnchor(aid){ 
    var aTag = $("div[name='"+ aid +"']"); 
    $('html,body').animate({scrollTop: aTag.offset().top},'slow'); 
} 

$("li.menu-item-141 a").click(function() { 
    scrollToAnchor('#philosophy-page'); 
}); 

Hier mein HTML ist ...

<div class="container"> 
<div name="philosophy-page" id="philosophy-page"> 
    <div class="philosophy-heading"> 
     <h1>Philosophy</h1> 
    </div><!-- /.philosophy-heading --> 
</div><!-- /#philosophy-page --> 
</div><!-- /.container --> 

Beliebig Hilfe wäre großartig!

Vielen Dank!

Answer 1

ersetzen

scrollToAnchor('#philosophy-page'); 

von

scrollToAnchor('philosophy-page'); 

Denken Sie daran, die name verwenden Sie das a Element zu finden:

var aTag = $("div[name='"+ aid +"']"); 

jQuery kann kein Element #philosophy-page

Answer 2

Pass-ID ohne # als Name nicht # drin.

ändern

scrollToAnchor('#philosophy-page'); 

Um

scrollToAnchor('philosophy-page'); 

Answer 3

$(function() { 
    $('a[href*="#"]:not([href="#"])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
     if (target.length) { 
     $('html, body').animate({ 
      scrollTop: target.offset().top 
     }, 1000); 
     return false; 
     } 
    } 
    }); 
}); 

Bestes scroll ich gefunden habe dem Namen finden. Found it on CSS Tricks: https://css-tricks.com/snippets/jquery/smooth-scrolling/