Jquery 如何使另一个div在单击时滚动到当前div

在每一个下面都有一列图像。我在那一列的右边还有一个div，它有几个notesbasic段落。单击每个图像时，将显示一组新注释。理想情况下，当您向下滚动页面并单击每个图像时，我希望右侧的div向下滚动并与单击的每个图像匹配。我写了一个函数，但我只能使整个页面滚动到顶部，但我需要的是相反的。我使用的是scrollTop：我想这是造成问题的原因，但是没有scrollTo功能？这是我的密码

HTML

您需要应用。仅对导航DIV本身设置动画。并仅为顶部样式设置动画。 例如，此代码：

$('#main img').click(function() {

    $('#rightnav').animate({top: $(this).offset().top}, 2000)

})

将ID=rightnav的DIV带到与在主DIV内单击的图像相同的顶部坐标

演示：

您需要应用。仅对导航DIV本身设置动画。并仅为顶部样式设置动画。 例如，此代码：

$('#main img').click(function() {

    $('#rightnav').animate({top: $(this).offset().top}, 2000)

})

将ID=rightnav的DIV带到与在主DIV内单击的图像相同的顶部坐标

---

演示：

非常感谢您的回答。我必须在今天晚些时候测试它，但从你的演示来看，它似乎正是我想要的。一旦我尝试了它，我会选择正确的答案，再次感谢。嘿，我试图实现这段代码，但什么都没有发生。我也没有控制台错误，我放了一个console.log，它肯定会启动，所以我不确定问题出在哪里。我通常会说这和逻辑有关，但你的小提琴证明了它是有效的。有什么建议吗？确保jQuery选择器正确选择ID、类和元素。jQuery很可能没有找到所需的项。如果这个问题仍然存在-你能发布有问题的真实HTML标记吗？问题是我的CSS没有明确设置为rightnav的位置。谢谢你的帮助！很高兴它终于为你工作了：这是一个有趣的项目。非常感谢你的回答。我必须在今天晚些时候测试它，但从你的演示来看，它似乎正是我想要的。一旦我尝试了它，我会选择正确的答案，再次感谢。嘿，我试图实现这段代码，但什么都没有发生。我也没有控制台错误，我放了一个console.log，它肯定会启动，所以我不确定问题出在哪里。我通常会说这和逻辑有关，但你的小提琴证明了它是有效的。有什么建议吗？确保jQuery选择器正确选择ID、类和元素。jQuery很可能没有找到所需的项。如果这个问题仍然存在-你能发布有问题的真实HTML标记吗？问题是我的CSS没有明确设置为rightnav的位置。谢谢你的帮助！很高兴它终于为你工作了：这是一个有趣的项目

$('#main img').click(function() {

    $('#rightnav').animate({top: $(this).offset().top}, 2000)

})