css - 固定顶栏与命名 anchor

标签 css positioning

我有一个顶栏 position:fixed它还包含 anchor 链接 ( <a href="#someid">jdjd</a> )。

问题是目标被放置在视口(viewport)的顶部(在固定的顶部栏后面)。

如何修复浏览器滚动,使目标显示在顶部栏的正下方?

最佳答案

据我所知,没有干净的解决方案。如果你使用内联滚动条可以实现,但它需要一个固定的高度。

使用 CSS 找到 2 个解决方案:http://css-tricks.com/hash-tag-links-padding/

否则,您可以非常轻松地使用 JQUERY 来测量用户高度,将其放入容器 div 中,然后在其上滚动。

参见:http://jsfiddle.net/jpGdu/

另一个解决方案可能是给元素 ur 链接到填充顶部(如果它是 h1 或其他):)

关于css - 固定顶栏与命名 anchor ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10005805/

相关文章:

html - 如何使绝对定位元素随页面的其余部分一起移动?

css - 如何创建网格/平铺 View ?

iphone - 如果您的 CSS 布局在 iPhone 移动版 Safari 中困惑,典型的原因是什么?

javascript - 如何以百分比而不是 gif 或任何动画图像显示网站加载

html - 使用 CSS 响应式网格生成器,数学是如何工作的?

javascript - RotateY 过渡无法正常工作

html - CSS 使用媒体查询更改位置

javascript - 在 mouseout 上使用 jQuery 隐藏下拉 div

javascript - 如何相对于浏览器窗口定位 DIV?

javascript - 根据 c3 条形图中的坐标对齐外部元素