在菜单上单击滚动大图像

Question

我有一个相当大的图像(不是我的选择，它是如何给我的)，我有一个简单的导航结构，当我点击其中一个链接，我希望能够滚动到菜单下的大jpg的某一点。这是一个很大的图像，所以使用#是行不通的。我想这需要一个javascript或jquery函数，但我很确定如何设置它。我四处看看，但我发现的都是幻灯片，我只有一个超大的图片，我需要通过菜单按钮向下滚动和向上。我试着让一个标签在页面上跳来跳去，这种方法很有效，但它并没有滚动，只是跳了起来。

我希望我有代码来展示，但我所用的一切都没有用过。

Answer 1

您可以使用element的element属性(如body或任何div )在任何位置滚动。请看这里也为此创建了一支笔。

Answer 2

如果要将页面滚动动画化，则可能需要使用jQuery的动画功能。

$("html, body").animate({ 
    scrollTop: 400 /*Desired offset position*/ 
}, 1000);

以这个jsFiddle为例。

您还可以在需要页面滚动的位置定位图像后面的锚点。

参见此jsFiddle