jquery - jQuery哈希链接到新页面滚动到不同的锚点

Question

我正在使用一些 jQuery 来执行以下操作：

从第 1 页，链接到第 2 页上的锚点 - 但首先加载页面，然后滚动到锚点。

<script type="text/javascript">
 jQuery(function(){
    jQuery('html, body').animate({
        scrollTop: jQuery('.Anchor').offset().top
    }, 2000);
    return false;
    });
</script>

我的链接就像这个 domain.com/page2.html#anchor-name

锚是这样的：

<div name="anchor-name" class="Anchor">&nbsp;</div>

以上仅适用于 1 个锚点。

我是否编辑了上面的 jQuery，以便我可以在第 2 页上有多个锚点和指向它们的链接。

IE

<div name="anchor-name" class="Anchor">&nbsp;</div>
<div name="anchor-fred" class="Anchor">&nbsp;</div>
<div name="anchor-bert" class="Anchor">&nbsp;</div>

Answer 1

我认为这应该工作？

将其链接为 domain.com/page2.html#fred

<script type="text/javascript">
 jQuery(function(){
    jQuery('html, body').animate({
        scrollTop: jQuery(window.location.hash + "-anchor").offset().top
    }, 2000);
    return false;
    });
</script>

<div id="name-anchor">&nbsp;</div>
<div id="fred-anchor">&nbsp;</div>
<div id="bert-anchor">&nbsp;</div>