此属性用于滚动位置的平滑动画而不是滚动跳转。当用户点击链接时,它会顺利执行其操作。它用于访问一个链接到可滚动框中的另一个链接。
句法:
scroll-behavior: auto|smooth|initial|inherit;
财产:
- smooth:该属性用于指定可滚动框内元素之间滚动的动画效果。
句法:
scroll-behavior:smooth;
例子:
CSS | scroll-behavior Property GeeksforGeeksScroll-behaviour:smooth;
GEEKSFORGEEKSA computer science portal for geeks.
输出:
- auto:用于指定滚动框内一个链接到另一个链接的直接跳转滚动效果访问。
句法:
scroll-behavior:auto;
例子:
CSS | scroll-behavior Property GeeksforGeeksscroll-behaviour:auto;
GEEKSFORGEEKSA computer science portal for geeks.
输出:
支持的浏览器: scroll-behavior 属性支持的浏览器如下:
- 谷歌浏览器 61.0
- 火狐 36.0
- 歌剧 48.0