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页和第2页上有多个锚点。链接到他们。

即

<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>

jquery hash链接到新页面滚动到不同的锚点

1 个答案: