html – 锚定链接根据绝对定位元素的高度切断页面

前端之家收集整理的这篇文章主要介绍了html – 锚定链接根据绝对定位元素的高度切断页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
单击锚链接时,会切断页面的一部分.接近我可以告诉它发生在所有浏览器中.

http://jsfiddle.net/PJDWs/

如果你去那个小提琴并点击顶部的链接,你会发现你无法向上滚动到页面顶部.有效地部分页面已被删除.

有几件事导致它,但我不知道他们为什么这样做.如果从.bodyContent中删除overflow:hidden,则它不会出现此行为.此外,您会注意到截止距离恰好等于top:XXpx on .stuff的值.因此设置top:0px也可以解决问题.

问题在于,对于我正在研究的特定设计,这些都不是选项,因为元素需要位于顶部并且父级需要溢出隐藏.但更重要的是,为什么会发生这种情况,尤其是为什么它会在所有浏览器中出现……它几乎就像是设计的.

解决方法

如果你删除高度:100%;并用底部替换:0;它会工作,因为顶部和底部设置的高度然后由封闭容器定义 – 这是一个有趣的错误,但这种解决方法将完成工作.
原文链接:https://www.f2er.com/html/228607.html

猜你在找的HTML相关文章