分享笔记:

Elementor Scroll Snap 效果

设置One Page页面

文章目录

什么是SCROLL SNAP?

Scroll Snap,中文叫滚动捕捉,它是一种CSS效果代码,用户滚动后可以把页面窗口锁定到某个元素的位置

我们使用Elementor的话,可以轻松做到这个效果,不用代码。

开启Elementor滚动捕捉

首先Elementor的Scroll Snap只有PRO版才有,而且它是默认开启的。可以在后台 Elementor > 设置 > 特性 里找到。

elementor scroll snap 设置

SCROLL SNAP 设置

我们只需要去到想要这个效果的页面,左下角的设置 > 高级设置 > Scroll Snap

  • Snap Position:希望停止滚动的位置,分别有顶部、中心或底部
  • Scroll Padding:给上面设置的Snap Position位置添加填充
  • Scroll Snap Stop:“Normal”是默认值,允许元素滚动过去而不捕捉,或者“Always”将强制浏览器捕捉到该元素,即使 滚动通常会越过该元素。

滚动捕捉目前为止只能在可以编辑的单独页面使用,模板里不行。

为笔记评分

平均评分 0 / 5. 摘星者: 0

留下第一个评论

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors