重新加载时使页面跳转到锚点

Make Page Jump to Anchor on Reload

本文关键字:新加载 加载      更新时间:2023-09-26

问候我正在编写一个库脚本,希望它在加载页面时自动定位到我设置的锚的顶部。我试过这个代码:

<script>location.href = "#trendnav";</script>

<a name="trendnav"></a>

它似乎什么也没做。在用户看来,这越是即时越好。

尝试

  window.location.hash = "#VALUE";

Fiddle Demo 1

Fiddle Demo 2

窗口。滚动到

或者,使用您原来的方法:

$('span#godown').click(function(){location='#anchor';});

请参阅此处http://jsfiddle.net/dxNKG/1/。我分配了一个可点击的跨度,任务是成为触发它的按钮。

实际上,您的原始语法location.href='#anchor'是正确的,但您应该在DOM完全加载后才触发它。所以,要么把<script>部分放在页面的末尾,要么做一些类似的事情

window.onload=function(){window.location.href='#anchor';};

看这里http://jsfiddle.net/bUaTT/(没有jQuery)或者,由于您使用的是jQuery:

$(function(){window.location.href='#anchor';})