CSS实现平滑滚动
什么是平滑滚动?
平滑滚动是指当用户点击页面内的链接时,页面会平滑地滚动到目标位置,而不是瞬间跳转。
如何实现平滑滚动?
实现平滑滚动的关键是使用CSS属性scroll-behavior
。将scroll-behavior
设置为smooth
即可实现平滑滚动。
scroll-behavior: smooth;
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
平滑滚动是指当用户点击页面内的链接时,页面会平滑地滚动到目标位置,而不是瞬间跳转。
实现平滑滚动的关键是使用CSS属性scroll-behavior
。将scroll-behavior
设置为smooth
即可实现平滑滚动。
scroll-behavior: smooth;
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。