Question

将一列图像彼此叠加在一起。我在该列右侧还有一个div，它有几个音符（基本上是段落）。单击每个图像时，会出现一组新注释。理想情况下，当您向下滚动页面并单击每个图像时，我希望右侧的div向下滚动并与每个单击的图像匹配。我写了一个函数，但我只能让整个页面滚动到顶部，但我需要的是相反的。我正在使用scrollTop：这是导致我认为的问题但是没有scrollTo函数？这是我的代码。

HTML

<div id='main'>
 ...content...
</div>

 <div id='rightnav'>
 ...content...
 </div>

jQuery

$('html, #rightnav').animate({
     scrollTop: $($current_image).offset().top
}, 2000);

Answer 1

您需要将.animate()仅应用于导航DIV本身。并且只为“顶级”风格制作动画。例如这段代码：

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

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

})

将ID =“rightnav”的DIV带到与“main”DIV内部点击的图像相同的顶部坐标。

演示：http://jsfiddle.net/vSfP9/1/

如何在点击时将另一个div滚动到我当前的div

1 个答案: