Impossible de lire la propriété 'top' de unsdefined

Essayer d'obtenir de la page pour faire défiler jusqu'à un point d'ancrage et j'obtiens cette erreur.

Impossible de lire la propriété 'top' undefined

Droit maintenant, j'ai mon JS comme suit...

//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');
});

Voici mon code HTML...

<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 -->

Toute aide serait super!

Merci!

source d'informationauteur bryanlewis

  1. 11

    remplacer

    scrollToAnchor('#philosophy-page');

    par

    scrollToAnchor('philosophy-page');

    Rappelez-vous que vous utilisez le name pour trouver le a élément:

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

    jQuery ne peut pas trouver un élément nommé #philosophy-page

  2. 2
    $(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;
      }
    }
  });
});

    Mieux faites défiler jusqu'à j'ai trouvé.
    Trouvé sur le CSS Astuces:
    https://css-tricks.com/snippets/jquery/smooth-scrolling/

  3. 1

    Passer d'identité sans # que le nom n'est pas #.

    Changement

     scrollToAnchor('#philosophy-page');

    À

     scrollToAnchor('philosophy-page');