跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
sticky

23 篇文章
{
,

}
文章《使用粘性定位创建滑动效果》的直接链接
滑动 粘性 粘性页脚

使用粘性定位创建滑动效果

粘性元素主要用于在滚动过程中将某个元素始终显示在屏幕上。虽然这很酷,但我们也可以用相同的方式隐藏元素!…

Avatar of Preethi
Preethi 于 2018 年 9 月 10 日
文章《粘性、平滑、活动的导航》的直接链接
导航 粘性

粘性、平滑、活动的导航

正如标题所说!这是一个侧边栏导航栏,它…

  1. 使用粘性定位。它在可能的情况下会停留在屏幕上,但不会覆盖头部、页脚,也不会使任何链接无法访问。
  2. 平滑地滚动到
…
Avatar of Chris Coyier
Chris Coyier 于 2018 年 8 月 7 日
文章《粘性作为本地固定?》的直接链接
固定定位 模态框 滚动 粘性

粘性作为本地固定?

您知道 `position: relative` 如何为元素内部的绝对定位创建一个新上下文吗?好吧,`position: sticky` 是 `position: fixed` 的本地作用域版本。让我们以带有粘性关闭按钮的模态框为例,看看它是如何工作的。
Avatar of Chris Coyier
Chris Coyier 于 2018 年 3 月 26 日
文章《Stickybits:`position: sticky` 填充的替代方案》的直接链接
粘性

Stickybits:`position: sticky` 填充的替代方案

Stickybits 是一个小型 JavaScript 实用工具插件。它的目标是不碍事。它只做好一件事:帮助处理粘性元素。它不依赖于其他 JavaScript 插件,可以通过 npm 导入,并且采用……

Avatar of Jeff Wainwright
Jeff Wainwright 于 2017 年 6 月 25 日
文章《表格上的持久头部》的直接链接
头部 jQuery 粘性 表格

表格上的持久头部

当您向下滚动包含长表格的页面时,表格的头部通常会滚动消失,变得无用。此代码克隆表格头部,并在您……时将其应用于页面的顶部。

Avatar of Chris Coyier
Chris Coyier 于 2019 年 6 月 6 日
  • 较新
  • 1
  • 2
  • 3

CSS-Tricks 由 DigitalOcean 提供支持。

随时关注 Web 开发

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们写稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.