Question

我有一个div，里面有一个表，单元格中有几个内容div。这个div有一个垂直滚动条，我想通过jquery代码移动。我有一些动画代码，在单击锚链接后会移动滚动条。但是滚动条的移动并不一致，很少会转到我想要的div。此行为也不一致，因为如果我多次点击链接，滚动条将移动到不同的位置。请注意，所有div都在我的表中的“堆叠”行中。我已经在下面的javascript中包含了代码。

$('#groupScroller').animate({ scrollTop: $(selector).offset().top }, 'slow');

Answer 1

检查html版本html代码第一行的doctype标签，我认为只有版本5或xhtml支持scrollTop。

Answer 2

该演示已被删除，但代码仍然可用。

$('.scrollPage').click(function() {
   var elementClicked = $(this).attr("href");
   var destination = $(elementClicked).offset().top;
   $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 500 );
   return false;
});

这不起作用的主要原因是如果你没有设法获得目标元素的位置 - 所以检查var目的地以查看你得到的值...

Jquery动画滚动无法正常工作

2 个答案: