jquery scrollto不滚动到正确的元素

Question

我有一个div元素overflow-y设置为auto.现在我有一大堆带有类的元素highlight1.我想用classas 来回滚动元素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'

然后它应该工作