什么是SCROLL SNAP?
Scroll Snap,中文叫滚动捕捉,它是一种CSS效果代码,用户滚动后可以把页面窗口锁定到某个元素的位置。
我们使用Elementor的话,可以轻松做到这个效果,不用代码。
开启Elementor滚动捕捉
首先Elementor的Scroll Snap只有PRO版才有,而且它是默认开启的。可以在后台 Elementor > 设置 > 特性 里找到。
SCROLL SNAP 设置
我们只需要去到想要这个效果的页面,左下角的设置 > 高级设置 > Scroll Snap
- Snap Position:希望停止滚动的位置,分别有顶部、中心或底部
- Scroll Padding:给上面设置的Snap Position位置添加填充
- Scroll Snap Stop:“Normal”是默认值,允许元素滚动过去而不捕捉,或者“Always”将强制浏览器捕捉到该元素,即使 滚动通常会越过该元素。
滚动捕捉目前为止只能在可以编辑的单独页面使用,模板里不行。