已弃用: 位置: sticky polyfill,可与 filamentgroup/fixed-fixed 一起使用,实现更安全的 position:fixed 回退。
已弃用: 位置: sticky polyfill,可与 filamentgroup/fixed-fixed 一起使用,实现更安全的 position:fixed 回退。
在我们自己的设计中,我们谨慎地使用 sticky,并将其作为一种增强,这意味着 fallback 定位行为是可接受的。随着 原生浏览器对 position: sticky 的支持 的扩展,我们必须权衡需要此 polyfill 的浏览器的越来越小的截面与此插件自身的维护成本。因此,我们决定现在是退出 fixed-sticky 的最佳时机。之前的文档可在 v0.1.7 中找到。NPM 将报告一个弃用警告。如果您想维护此包的分支,请发送消息给我 (@zachleat 在 Twitter),我将在下面添加一个链接。 谢谢!
对于 position: sticky 这一特性,最容易被忽略的一点是,sticky 元素受到其父元素的尺寸限制。这意味着,如果 sticky 元素位于与其自身尺寸相同的父容器中,则该元素不会粘贴。
以下是具有 CSS top: 20px 的sticky元素的行为示例:
20px,则该元素不具有粘性。暂无开放 Issues,或尚未同步最近议题。