html – 锚定链接根据绝对定位元素的高度切断页面
发布时间：2020-12-14 23:30:33 所属栏目：资源 来源：网络整理
导读：单击锚链接时,会切断页面的一部分.接近我可以告诉它发生在所有浏览器中. http://jsfiddle.net/PJDWs/ 如果你去那个小提琴并点击顶部的链接,你会发现你无法向上滚动到页面顶部.有效地部分页面已被删除. 有几件事导致它,但我不知道他们为什么这样做.如果从.bod
|
单击锚链接时,会切断页面的一部分.接近我可以告诉它发生在所有浏览器中.
http://jsfiddle.net/PJDWs/ 如果你去那个小提琴并点击顶部的链接,你会发现你无法向上滚动到页面顶部.有效地部分页面已被删除. 有几件事导致它,但我不知道他们为什么这样做.如果从.bodyContent中删除overflow：hidden,则它不会出现此行为.此外,您会注意到截止距离恰好等于top：XXpx on .stuff的值.因此设置top：0px也可以解决问题. 问题在于,对于我正在研究的特定设计,这些都不是选项,因为元素需要位于顶部并且父级需要溢出隐藏.但更重要的是,为什么会发生这种情况,尤其是为什么它会在所有浏览器中出现……它几乎就像是设计的. 解决方法
如果你删除高度：100％;并用底部替换：0;它会工作,因为顶部和底部设置的高度然后由封闭容器定义 – 这是一个有趣的错误,但这种解决方法将完成工作.
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |