Html 如何使用CSS3转换自定义页面滚动

我正在寻找一种使用CSS3转换创建平滑页面滚动的方法。我知道如何使用javascript来实现这一点，但如果有办法使用CSS3实现这一点，出于性能考虑，我更愿意使用它。

您无法使用css控制滚动行为。CSS3转换允许您指定元素从一种状态到另一种状态的方式，滚动是CSS无法访问的浏览器功能。

您无法使用CSS控制滚动行为。CSS3转换使您能够指定元素从一个状态到另一个状态的方式，滚动是CSS无法访问的浏览器功能。

您可以使用transform:translatex，y来模拟滚动，并且可以通过转换属性：all；请注意，您必须添加适当的供应商前缀，就像目前大多数CSS3一样

参考文献：

另外，在transform:translate中仔细使用百分比-取决于元素的包装方式，-100%可能表示内容的下一个“显示高度”部分

您可以使用transform:translatex，y模拟滚动，并且可以通过transition属性使用transitions设置动画：all；请注意，您必须添加适当的供应商前缀，就像目前大多数CSS3一样

参考文献：

注意：在transform:translate中仔细使用百分比-取决于元素的包装方式，-100%可能表示内容的下一个“显示高度”部分