你怎么获得position: sticky
在职的?
我在 Chrome 26.0.1410.43 m 中尝试了以下操作,但它不起作用:
thead {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 10px;
}
http://jsfiddle.net/8LRms/ http://jsfiddle.net/8LRms/
据此,它应该起作用:
http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit
似乎在Chrome 23.0.1247.0中支持,但现在在26.0.1410.43 m中不起作用。
在很短的一段时间内,Chrome 在标志后面启用了此功能,--enable-experimental-webkit-features
,在他们的 about:flags 部分。然而,由于浏览器重新绘制的效率低下,它很快就被删除了。
As of 铬56 https://blog.chromium.org/2016/12/chrome-56-beta-not-secure-warning-web.html,此功能再次启用,无需标记。
从 Chrome 52.0.2743.116 开始,此功能由标志启用--enable-experimental-webkit-features
再一次。
回答更新后的问题为什么它被删除:Google (Chromium) 删除了对position: sticky
由于规范尚未完成,他们将同时关注其他滚动功能:
“我们最终希望实施立场:粘性,但是当前的
实施的设计方式没有与现有的很好地集成
滚动和合成系统。例如,position: Sticky 依赖于
updateLayerPositionsAfterDocumentScroll 可以正常运行,但是
函数没有其他目的,否则可以删除。相似地,
位置:粘性根本不适用于复合溢出滚动,这
现在是驱动引擎中滚动的默认机制。
一旦我们把滚动和合成房子整理好,我们就应该返回
定位:粘性和以良好集成的方式实现该功能
与发动机的其余部分。然而现在,这个 CL 删除了我们当前的
实现,以便我们可以专注于改进滚动的实现
我们已经发货的功能。”
强调我的。您可以阅读更多相关内容here https://code.google.com/p/chromium/issues/detail?id=231752#c28.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)