分享笔记:

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