百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
F

fixed-sticky

> 编程语言
开源

已弃用: 位置: sticky polyfill,可与 filamentgroup/fixed-fixed 一起使用,实现更安全的 position:fixed 回退。

1.5K stars0 点赞3 次浏览
访问官网GitHub

工具介绍

已弃用: 位置: sticky polyfill,可与 filamentgroup/fixed-fixed 一起使用,实现更安全的 position:fixed 回退。

固定粘贴

此插件已过时

在我们自己的设计中,我们谨慎地使用 sticky,并将其作为一种增强,这意味着 fallback 定位行为是可接受的。随着 原生浏览器对 position: sticky 的支持 的扩展,我们必须权衡需要此 polyfill 的浏览器的越来越小的截面与此插件自身的维护成本。因此,我们决定现在是退出 fixed-sticky 的最佳时机。之前的文档可在 v0.1.7 中找到。NPM 将报告一个弃用警告。如果您想维护此包的分支,请发送消息给我 (@zachleat 在 Twitter),我将在下面添加一个链接。 谢谢!

  • ©2013 @zachleat, Filament Group
  • MIT 许可证

伟大的替代方案

  • Dollar Shave Club 的 Stickybits 和 Jeff Wainwright

原生位置: 粘性

对于 position: sticky 这一特性,最容易被忽略的一点是,sticky 元素受到其父元素的尺寸限制。这意味着,如果 sticky 元素位于与其自身尺寸相同的父容器中,则该元素不会粘贴。 以下是具有 CSS top: 20px 的sticky元素的行为示例:

  • 向下滚动。* 蓝色边框表示父容器元素的尺寸。如果元素的顶部距视口顶部大于 20px,则该元素不具有粘性。

Issues· 26 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScriptpolyfillscrollingsticky

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言