Html 当中间元素有溢出时,如何使元素相对于外部元素具有粘性:hidden;?
考虑以下HTML:Html 当中间元素有溢出时,如何使元素相对于外部元素具有粘性:hidden;?,html,css,Html,Css,考虑以下HTML: <div style="height: 200px; overflow: auto;"> <div style="height: 500px; overflow: hidden;"> <p style="position: sticky"> some sticky content </p> </div> </div> 一些粘性物质 在这个代码段中,相对于内部d
<div style="height: 200px; overflow: auto;">
<div style="height: 500px; overflow: hidden;">
<p style="position: sticky">
some sticky content
</p>
</div>
</div>
一些粘性物质
在这个代码段中,相对于内部div是粘性的,因为溢出:隐藏。是否可以使
相对于外部div粘滞,而无需:
- 删除溢出:隐藏
- 将
移出内部div
是否可以使
相对于外部div粘滞
没有:
- 移除溢出:隐藏
- 将
移出内部div
目前,这是不可能的-请参阅:
请注意,根据规范,粘胶不会在元件内部使用
溢出:隐藏或自动。(参考号:)
也就是说,在上面的Github问题中,有一个讨论是关于这个限制实际上是符合规范还是实际上是一个bug。您是否知道这个位置:sticky是一个实验性API,不应该在生产中使用?(请参阅)并非所有浏览器都完全集成和支持它。(有关浏览器的兼容性和支持,请参阅。)关于位置:修复的问题如何?@UncaughtTypeError-我不会说您“不应该在生产中使用它”。大多数现代浏览器都提供了对它的全面支持,sticky的许多用法只是对UI的一种增强,而不是一种要求。对于这一类,我认为对一个(减少)部分的用户有一个非粘性的后退比用一个JS实现来打扰我的所有用户都是可以接受的。@ SiDexOnLang-我不知道如何固定的帮助我,你能详细说明吗?我不知道我是如何错过了MDN上的那一部分…谢谢