Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当中间元素有溢出时,如何使元素相对于外部元素具有粘性:hidden;?_Html_Css - Fatal编程技术网

Html 当中间元素有溢出时,如何使元素相对于外部元素具有粘性:hidden;?

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

考虑以下HTML:

<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上的那一部分…谢谢