文章内容
2022/12/21 9:59:36,作 者: 黄兵
css 实现平滑滚动
平滑滚动可以使浏览器在移动到新位置时以动画效果来滚动页面，而不是立即跳转。这可以使滚动看起来更流畅，更自然。
要实现平滑滚动，可以使用 CSS 的 scroll-behavior 属性。在大多数浏览器中，可以使用以下方式实现平滑滚动：
html {
scroll-behavior: smooth;
}
如果要在某个特定的元素上实现平滑滚动，可以将 scroll-behavior 属性应用于该元素：
#my-element {
scroll-behavior: smooth;
}
还可以使用 JavaScript 来实现平滑滚动。例如，使用 window.scrollTo() 方法可以滚动到特定的位置，并指定动画时间：
window.scrollTo({
top: 500,
left: 0,
behavior: 'smooth'
});注意，平滑滚动不是所有浏览器都支持的特性。如果希望在所有浏览器中都能实现平滑滚动，我们可以使用类似于 jQuery 的库来提供支持。
评论列表