优雅而酷炫的自定义 CSS 滚动条:展示
在这篇文章中,我们将深入探讨滚动条的世界。我知道,这听起来并不那么迷人,但相信我,一个设计精良的页面与匹配的滚动条相辅相成。老式的 Chrome 滚动条只是不适合...
在这篇文章中,我们将深入探讨滚动条的世界。我知道,这听起来并不那么迷人,但相信我,一个设计精良的页面与匹配的滚动条相辅相成。老式的 Chrome 滚动条只是不适合...
首先,滚动条是可用性和可访问性问题。其次,一个经验法则:如果一个区域可以滚动,它应该有一个可见的滚动条。但是网络很大,我喜欢技巧,所以我要介绍...
你怎么知道一个页面(或页面上的任何元素)可以滚动?好吧,如果它有一个滚动条,这是一个很好的指示。你可能仍然需要与你的客户争论“折叠”或其他什么,但我...
CSS 仍然无法动画到auto
尺寸。
.dropdown {
transition: 0.2s;
height: 0;
}
.dropdown.open {
/* the height will change, but it won't animate. */
height: auto;
}
有JavaScript 技巧你可以尝试。Brandon Smith 概述了一些...
令人惊讶的是:滚动条很复杂,尤其是跨浏览器和跨平台。
有时它们占用空间,有时它们不占用空间。有时这受设置影响,有时则不受影响。有时你可以看到它们,有时你不能看到它们,除非你...
CSS 中的scrollbar-gutter
属性提供了灵活性,可以确定浏览器如何使用空间来显示与屏幕上的内容交互的滚动条。规范将其描述为“为滚动条保留空间”。...
Rachel 为我们带来了 CSS 工作组正在讨论的内容
scrollbar-width
和scrollbar-color
这样的属性。我们现在拥有的最好的方法是专有的 WebKit 内容.