javascript - jquery scrollto 不滚动到正确的元素

Question

我有一个 overflow-y 设置为 auto 的 div 元素。现在我有一堆类为 highlight1 的元素。我想在 class 作为 highlight1 的元素上来回滚动。

由于某些原因，jquery scrollTo 无法正常工作。这是我尝试使用的语法:

$('#highlightDiv').animate({
     scrollTop: $("#"+elementId).offset().top + 'px'
}, 'fast');

这是 Jsfiddle我想要完成的事情。有人可以解释为什么滚动没有移动到正确的元素吗。

Answer 1

我有一个简单的答案你的脚本不知道你正在滚动的 div 的滚动高度和位置你应该向它添加两个值并且它应该工作

函数 scrollToNextHighlight() 中的 scrollTop 应该是这样的

scrollTop: ($('#highlightDiv').scrollTop() - 
$('#highlightDiv').offset().top)
+ $("#"+elementId).offset().top + 'px'

然后它应该工作