文章标签

让我们从一个基本的页面内链接开始

<a href="#section-two"Section Two</a

点击后，浏览器将滚动到具有该 ID 的元素：<a href="#section-two">第二节</a>。这是一个和浏览器本身一样古老的浏览器功能，几乎可以说是如此。

但是当...

CSS 滚动捕捉允许您在用户完成滚动后将视窗锁定在某些元素或位置。它非常适合构建类似于以下交互的体验：...

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

在 MediaTemple 博客上，我向您展示了如何用几行代码创建一个相当不错的轮播。这是整个前提

每次在博客文章中提到轮播时，它都是一个

在引入这种新的 CSS 之前，将元素锁定到视窗中（在滚动时）需要借助一些 JavaScript 代码。如您所知，JavaScript 在与滚动行为配对时，有着名声在外的复杂性。

The …

Guil Hernandez 介绍了如何使用非常简单的 HTML 和 CSS 的全新 scroll-snap-* 属性来轻松创建滑块（并拥有良好的用户体验）。如今，CSS 的发展速度非常快，像这样的功能正从“闻所未闻”转变为

…

新引入的 CSS “捕捉点”属性可以使创建仅使用 CSS 的滚动效果变得更加容易（一旦浏览器支持跟上）。Sergey Gospodarets 的博客中这篇博文包含了用于图像库和全页面垂直滚动...

到目前为止，任何关于轮播的文章都应该包含以下免责声明：您可能不需要轮播。轮播很容易被滥用。 Kyle Peatt 对轮播争议有更多细节。

部分责任可以归咎于用户...