文章标签

情况是这样的：您的网站提供了一个“滚动回顶部”按钮，并且您已实现了平滑滚动。当页面滚动回顶部时，用户会看到一些吸引他们眼球的内容，他们想停止滚动，因此……

一个返回页面顶部的按钮可以让用户快速返回页面顶部，而无需花费太多精力。当页面内容很多时，这非常有用……

使用 HTML 和 CSS 可以实现很多功能 来构建轮播图/幻灯片，这真是太神奇了。

1. 使用 CSS Flexbox 将一些盒子水平排列很容易。
2. 使用 overflow 每次只显示一个盒子，并使其

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

html {
  scroll-behavior: smooth;

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

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

嘿！在您深入研究基于 JavaScript 的平滑滚动之前，请了解有一个原生 CSS 功能可以实现这一点：scroll-behavior。

html {
  scroll-behavior: smooth;
}

在您使用 jQuery 等库之前……