前端开发

锚点定位更平滑css实现scroll-behavior

2019-05-206805次阅读滚动
CSS属性scroll-behavior为一个滚动框指定滚动行为,其他任何的滚动,例如那些由于用户行为而产生的滚动,不受这个属性的影响。在html根元素中指定这个属性时,将适用于整个视窗口。在某个元素上指定这个属性时不会传播到视口之外。有的用户代理可能会忽略这个属性。
前端开发

CSS Scroll Snap实现滚动捕捉及填充滚动容器空白区域

2019-04-173410次阅读滚动
CSS Scroll Snap是一个引入滚动捕捉位置的CSS模块,用于强制滚动容器的滚动端口在滚动操作完成后可能结束的滚动位置。利用CSS Scroll Snap可以实现滚动捕捉及填充滚动容器空白区域
前端开发

overscroll-behavior: contain阻止滚动链接,滚动不会传播给祖先

2019-04-134861次阅读滚动
overscroll-behavior CSS 属性是 overscroll-behavior-x 和 overscroll-behavior-y 属性的合并写法, 让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。