# 非边缘捕捉
默认情况下,设置滚动捕捉内容会吸附到容器边缘。但有时候这不是我们想要的,比如顶部有固定导航栏,这时候内容就需要吸附在导航栏下面,实现这个效果可以设置scroll-padding
或者scroll-margin
属性, 这两个属性的设置方式跟padding
或者margin
的设置方式一样。
其中,scroll-padding
设置在外层容器,scroll-margin
设置在滚动内容上。所以,scroll-padding
适合滚动吸附位置相同设置,而scroll-margin
可以分别设置不同元素的不同吸附位置。
scroll-padding
或scroll-margin
也可以单独使用,如实现点击滚动到某个位置时,同样是到容器边缘,通过设置scroll-padding
或scroll-margin
就可以改变这个位置。
案例中点击更多内容定位的内容区如果没有设置scroll-padding
会到页面顶部,这样导航栏就会遮住部分内容,设置了scroll-padding
之后就会停留在导航以下。
← 滚动捕捉简单使用 Grid布局介绍(1) →