html - W3C 支持的滚动条自定义

标签 html css w3c

我希望这个问题是 StackOverflow 的主题。我在这里看到很多评论说,许多 Web 开发人员的滚动条自定义是非标准的,并且尚未得到权威机构 (W3C.org) 的批准。我的理念是根据指导 Web 标准和规范的行业组织发布使用的标准进行设计,因为我的用户需要一个正确、可靠、有效的网站。

W3C.org 批准的滚动条自定义标准。我在哪里可以获得该标准?

如果我又跑题了,你能不能先给我一些答案,然后把我交给红皇后砍头?

感谢社区。

最佳答案

“标准”Scrollbars CSS Module - Level 1处于采用的早期阶段,那将是唯一符合您要求的。

在实现之前,您只能使用非标准 CSS scrollbar styling support .

另一种选择(唯一可用于生产的选择,真的)是使用一个基本上用自定义 HTML 元素替换滚动条机制的插件。
他们中的大多数人至少在使用一种移动设备类型(IoS 或 Android)时遇到问题,明智的解决方案是检测它并针对这种情况简单地禁用插件。

注意 1:虽然在选择如何构建页面时寻找 W3C 支持是一件非常明智的事情,但如果没有浏览器支持,这并没有多大意义。理论上,如果 Chrome 今天拒绝实现某些东西,考虑到他们的市场份额超过 60%,他们根本不会,也没有人能对此做任何事情。但是您的客户将要求他们的页面在 Chrome 中运行。

但是,到目前为止,Chrome 的流行很大程度上来自于严格遵守网络标准,因此可以肯定地认为他们将继续遵守这些标准。

注2:我推荐this article .它写得很好,内容丰富,并且是关于滚动条自定义当前状态的最新信息。

关于html - W3C 支持的滚动条自定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55823095/

相关文章:

html - 如何将两个div并排放置?

php - 如何计算在html输入元素中输入的值的数量?

html - 水平和垂直居中 img

javascript - 世界地图粒子效果javascript

javascript - 如何用jquery改变option的值

javascript - Vue - 为什么有些图像在生产中获得哈希值,而其他图像则没有?

html - 如何根据 parent 的属性进行选择

CSS 重置带有展示和弃用的标签

html - Google 不遵循 W3C 标准...哇?

html - Modernizr 不会测试 w3schools 上列出的所有 css3 特性