jquery - 如何处理书签和绝对定位的div

标签 jquery html css

我有一个 anchor 书签,当点击它时,它会在我的主标题后面绝对定位的 div。我需要一个解决方案,不需要 future 的 html 程序员改变他们使用 anchor 书签的方式。有关如何解决此问题的任何建议?

请看我的例子来说明这个问题。

http://jsfiddle.net/8dErs/

  <a name="5"></a><h1>Article 5</h1>

最佳答案

这是因为顶部导航的位置是固定的,因此从文档流中取出,不再被视为流的一部分。

如果你想让anchor滚动到header显示在header下方(因此视觉上不被遮挡),你将不得不依赖JS重新计算页面的滚动位置。

p/s:我从不建议在位置上固定太大的元素。您的 JS 中也有错误 - 最后一行应该是 }); 而不是 }

关于jquery - 如何处理书签和绝对定位的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15959911/

相关文章:

html - 为什么我的 Bootstrap 列在移动设备/平板电脑上堆叠不正确?

html - 如何制作分隔线?

javascript - 添加多个按钮到表单

javascript - Angular 绑定(bind)不起作用

c# - WebSocket 服务器未触发握手

javascript - 将多个 if 语句与多个属性组合

javascript - 带有文本形式替代的 Bootstrap 子菜单?

jquery 验证 has-error 类设置

javascript - jQuery noconflict、bootstrap 和 requirejs

javascript - 悬停时激活 Popover 并单击任意位置关闭