滚动到未来

Avatar of Robin Rendle
Robin Rendle

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 价值 200 美元的免费积分!

这是一篇关于滚动条现状以及如何跨操作系统和浏览器控制其行为的有趣文章。 这篇文章还重点介绍了一些我之前不知道的东西,例如 Element.scrollIntoView()scroll-behavior CSS 属性。

但我最喜欢的部分? 一定是这一部分

在现代 Web 中,依靠大量自定义 JavaScript 来实现所有客户端的相同行为已不再合理:随着更多 CSS 属性和 DOM API 方法进入标准浏览器实现,整个“跨浏览器兼容性”的概念正在成为过去。

我们认为,渐进增强是在您的 Web 项目中实施非平凡滚动时应遵循的最佳方法。

确保您可以提供最佳的最小但普遍支持的 UX,然后以现代浏览器功能为目标进行改进。

说到滚动条的跨浏览器行为,Louis Hoebregts 也有一篇新文章 指出浏览器在处理 vw 单位时不会包含滚动条,他提供了一种使用 CSS 自定义属性处理它的好方法。

直接链接 →