文章标签

每周平台新闻：:not() 伪类、视频媒体查询、clip-path: path() 支持

大家好，我们回来了，带来来自 Šime Vidas 的每周浏览器领域更新。

在本周的更新中，CSS :not 伪类可以接受复杂的选择器，如何禁用使用 Chrome 中的“在页面上查找...”时的平滑滚动，Safari 的...

Šime Vidas 于 2021 年 4 月 15 日发布

当我们发布此网站的 v17 设计（我们现在是 v18）时。我在 CSS 中添加了 html { scroll-behavior: smooth; }。我立即收到了这样的评论（只是一个例子）

... 当您使用 control+f 或

...

Chris Coyier 于 2021 年 1 月 12 日发布

假设您想以编程方式从上到下滚动一个网页。例如，您正在录制屏幕录制并希望进行一次漂亮的全页面滚动。您可能无法手动滚动，因为它会变得不均匀且卡顿。...

Chris Coyier 于 2019 年 3 月 12 日发布

平滑滚动变得更加容易。如果您希望始终在页面上使用它，并且您愿意让浏览器为您处理持续时间，则只需一行 CSS 代码即可。

html {
  scroll-behavior: smooth;

...

Chris Coyier 于 2019 年 3 月 11 日发布

CSS 中的 scroll-behavior 属性允许我们定义当用户点击指向滚动内锚定位置的链接时，浏览器滚动位置跳转到新位置还是平滑地动画过渡...

Geoff Graham 于 2020 年 1 月 30 日发布

平滑滚动（从源链接到目标锚点的视窗内位置的动画更改）可以作为网站的交互细节，为体验增添精致的感觉。如果您不相信我，...

Heather Migliorisi 于 2017 年 4 月 14 日发布

嘿！在您深入研究基于 JavaScript 的平滑滚动的兔子洞之前，请注意，有一个原生的 CSS 功能：scroll-behavior。

html {
  scroll-behavior: smooth;
}

在您使用 jQuery 等库之前...

Chris Coyier 于 2022 年 9 月 28 日发布