HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 锚定链接根据绝对定位元素的高度切断页面大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
单击锚链接时,会切断页面的一部分.接近我可以告诉它发生在所有浏览器中.

http://jsfiddle.net/PJDWs/

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

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

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

解决方法

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

大佬总结

以上是大佬教程为你收集整理的html – 锚定链接根据绝对定位元素的高度切断页面全部内容,希望文章能够帮你解决html – 锚定链接根据绝对定位元素的高度切断页面所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。