Question

请看这个小提琴http://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')

你的动画声明中有拼写错误。

您的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代码不起作用？

1 个答案: