ScrollTo div 代码不起作用？

Question

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

当用户点击其中一篇文章链接时，页面应该滚动到文章的顶部。但是没有滚动动作发生，它只是快速跳转到 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')

您的 animate 语句中有错字。

您的 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);

     }

});

ScrollTo div 代码不起作用？

ScrollTo div code not working?

html

javascript

css

jquery

scrollto