jquery动画滚动不能正常工作

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

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

来源

2011-06-07 user583824

可能你发布你的doctype标签以供参考？ – Jagadeesan 2011-06-07 12:58:45

我只是尝试使用位置而不是偏移量，但那也没有奏效。不过，我确实设法得到一些调试信息。我点击按钮两次后，我注意到我想要滚动重置为0的div的顶部坐标。我想我必须硬编码坐标值到这些div。除非有人有其他想法。 – user583824 2011-06-07 13:04:02

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

$('.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目的地，看看什么样的价值，你回来...

来源

2011-06-17 12:34:29 Fenton

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

来源

2011-06-07 12:57:50 Jagadeesan

我最终使用了硬编码的顶级值。疼痛，但它的作品。 – user583824 2011-06-15 19:52:32

jquery动画滚动不能正常工作

回答

相关问题