重新加载时使页面跳转到锚点
Make Page Jump to Anchor on Reload
问候我正在编写一个库脚本,希望它在加载页面时自动定位到我设置的锚的顶部。我试过这个代码:
<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';})
相关文章:
- 创建新数据和加载现有数据需要单独的视图吗
- 钛 - HTTPClient:打开新的控制器加载
- 保持 JavaScript 在浏览器控制台中运行,即使在新的页面加载之后也是如此
- 路由到新页面时加载不起作用
- 如何在新窗口完成加载后执行某些内容
- 使用新标题重新加载 html 页面
- Primefaces在打开新页面时加载数据消息
- Wordpress音频播放器和平滑状态.在新页面重新加载播放器时调用什么回调函数
- 用新数据重新加载renderer3d
- 文本不被渲染后,新的页面加载- JQuery移动
- 需要在新标签中加载pdf/doc文件,而不是下载,只是想在浏览器中阅读
- 用新参数重新加载页面
- Js和CSS不检测新页面何时加载
- 在新页面上加载一个flash视频,它在上一页上的位置
- 在新窗口中加载代码编写器视图
- 在控制台中使用新脚本重新加载页面
- 如何在加载新页面后加载AJAX数据
- 如何使用jQuery在新窗口中加载页面,然后关闭它们
- Jquery没有看到新的HTML加载到对话框中
- 无法用新值重新加载JGrid