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

文章标签
scrollbars

19 篇文章
{
,

}
文章的直接链接:优雅而酷炫的自定义 CSS 滚动条:展示
滚动条

优雅而酷炫的自定义 CSS 滚动条:展示

在这篇文章中,我们将深入探讨滚动条的世界。我知道,这听起来并不那么迷人,但相信我,一个设计精良的页面与匹配的滚动条相辅相成。老式的 Chrome 滚动条只是不适合...

Avatar of Saleh Mubashar
Saleh Mubashar 于 2022 年 11 月 14 日 发布
文章的直接链接:展示你的自定义滚动条
滚动条

展示你的自定义滚动条

我第一次被一个简陋的滚动条震撼是在这个网站上。当CSS-Tricks v17 推出带有它的胖乎乎的家伙时,我的下巴都掉了。...

Avatar of Shawn Wang
Shawn Wang 于 2021 年 12 月 24 日 发布
文章的直接链接:悬停时的滚动条
悬停 滚动条

悬停时的滚动条

首先,滚动条是可用性和可访问性问题。其次,一个经验法则:如果一个区域可以滚动,它应该有一个可见的滚动条。但是网络很大,我喜欢技巧,所以我要介绍...

Avatar of Chris Coyier
Chris Coyier 于 2021 年 1 月 26 日 发布
文章的直接链接:就是这样我滚动
滚动条 滚动 用户体验

就是这样我滚动

你怎么知道一个页面(或页面上的任何元素)可以滚动?好吧,如果它有一个滚动条,这是一个很好的指示。你可能仍然需要与你的客户争论“折叠”或其他什么,但我...

Avatar of Chris Coyier
Chris Coyier 于 2020 年 8 月 14 日 发布
文章的直接链接:在动画期间隐藏滚动条
动画 滚动条 特异性

在动画期间隐藏滚动条

CSS 仍然无法动画到auto尺寸。

.dropdown {
  transition: 0.2s;
  height: 0;
}
.dropdown.open {
  /* the height will change, but it won't animate. */
  height: auto;
}

有JavaScript 技巧你可以尝试。Brandon Smith 概述了一些...

Avatar of Chris Coyier
Chris Coyier 于 2021 年 9 月 15 日 发布
文章的直接链接:两个浏览器走进了一个滚动条
滚动条

两个浏览器走进了一个滚动条

令人惊讶的是:滚动条很复杂,尤其是跨浏览器和跨平台。

有时它们占用空间,有时它们不占用空间。有时这受设置影响,有时则不受影响。有时你可以看到它们,有时你不能看到它们,除非你...

Avatar of Chris Coyier
Chris Coyier 于 2019 年 9 月 18 日 发布
文章的直接链接:CSS 中滚动条样式的现状(2022 年更新)
滚动条

CSS 中滚动条样式的现状(2022 年更新)

正在查看 CSS 中的滚动条样式?别再犹豫了,我们在这里为你解答。这涵盖了现在如何最好地完成它。
Avatar of Chris Coyier
Chris Coyier 于 2022 年 2 月 21 日 发布
文章的直接链接:scrollbar-gutter
滚动条

scrollbar-gutter

CSS 中的scrollbar-gutter属性提供了灵活性,可以确定浏览器如何使用空间来显示与屏幕上的内容交互的滚动条。规范将其描述为“为滚动条保留空间”。...

Avatar of Geoff Graham
Geoff Graham 于 2021 年 9 月 11 日 发布
文章的直接链接:CSS 中的新功能?
:matches 纵横比 CSS 逻辑属性 滚动条

CSS 中的新功能?

Rachel 为我们带来了 CSS 工作组正在讨论的内容

  • 滚动条样式。这将伴随着scrollbar-width和scrollbar-color这样的属性。我们现在拥有的最好的方法是专有的 WebKit 内容.
  • 纵横比。我想象
…
Avatar of Chris Coyier
Chris Coyier 于 2018 年 11 月 2 日 发布
  • 1
  • 2
  • 3
  • 较旧的

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 Web 开发

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

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获得免费信用额度!
CSS-Tricks
  • 为我们写作!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.