javascript - 如何使菜单链接返回到索引页面并滑动到特定高度？

Question

我有这么长的 index.html 链接到外部页面，所以我的问题是如何将它们从那些外部页面链接回 index.html 到特定的高度:

$(document).ready(function() {
$(".scroll").click(function(event){
    $('html, body').animate({scrollTop: '+= whatever px'}, 800);
});
});

更具体地说，我需要 .zip 中的文件 1klopa.html 和 2trattoria.html 来链接到 index。 html 用上面的代码或类似的实现菜单栏到特定高度...因此，如果有人需要整个网站来理解代码，那么它很长并且在 zip 中，没有病毒并且可以免费查看: https://mega.co.nz/#!8lRRlSga!_R5RzEN1ZhGcyQcohOiGzjnEYYmlgN8_ANsvQ4WGNUE

感谢所有帮助。

Answer 1

只需在您的 index.html 中添加一些 anchor :

<a name = "scrollTarget1"></a>

创建从外部站点到 anchor 的链接:

<a href = "index.html#scrollTarget1">Link to anchor</a>

浏览器会负责将您的网站滚动到所需位置，甚至无需调用任何 JavaScript 也能正常工作。