在菜单上滚动大图像单击

Question

我有一个相当大的图像（不是我选择它是如何给我的）我有一个简单的导航结构，当我点击其中一个链接，我希望能够滚动到大jpg的某个点菜单下方。这是一张大图，所以使用#nnn不能正常工作。我认为这需要是一个javascript或jquery函数，但我确定如何设置它。我环顾四周，但我发现的一切都是幻灯片放映，我只有一个过大的图像，我需要通过菜单按钮向下和向上滚动。我尝试在页面上跳转一个标签，这种方式很有效，但它没有滚动它。

我希望我有代码可以显示，但我没有使用过任何工作。

Answer 1

您可以使用scrollTop的{​​{1}}属性，例如element或任何body来滚动任何位置。 see here为此创造了一支笔。

Answer 2

如果要为页面滚动设置动画，则可能需要使用jQuery的动画功能。

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

以此jsFiddle为例。

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

请参阅此jsFiddle