javascript - ScrollTo div 代码不起作用？

Question

请看这个 fiddle http://jsfiddle.net/rabelais/Lsbnyntg/1/

当用户点击其中一个文章链接时，页面应该滚动到文章的顶部。然而，没有滚动 Action 发生，它只是快速跳转到 div。我试过播放动画时间，但似乎没有效果。如何使滚动可见？

$('ul.inner-li-texts li a').on('click', function(event) {

     var target = $(this.href);

     if ( target.length ) {

         event.preventDefault();
         $('html, body').animate({
              scrollTop: target.offset().top
         } 0, 10000);

     }

});

Answer 1

您的第一个选择器不正确:

$('ul.inner-li-texts li a')

应该是

$('#inner-li-texts li a')

您的动画声明中有错别字。

您的 target 代码不起作用，它应该看起来像这样:

$('#inner-li-texts li a').on('click', function(event) {

     var target = $($(this).attr('href'));

     if ( target.length ) {

         event.preventDefault();
         $('html, body').animate({
              scrollTop: target.offset().top
         }, 10000);

     }

});