Smooth scrolling with Lenis

外掛說明

Adds the Lenis library (by darkroom.engineering) to your WordPress page. Simply enable the plugin and it will add the library to your page.

You can use a function ‘smoothScrollLenisCallback(event)’ in your custom code that will be called by the Lenis scroll event.

Note: if you have popup with scrolling content you’ll need to this attribute data-lenis-prevent to the popup.

Credits:
– Lenis library: https://github.com/darkroomengineering

安裝方式

  • Enable the plugin
  • Some settings are under “Settings – Lenis”

使用者評論

2025 年 9 月 18 日 1 則留言
Thank you for this plugin. I just learned about the Lenis smooth scroll library and I was looking at a complicated manual implementation… but then I found your plugin which did everything in one click! Please keep updating it with new features when you have the time, or just to keep it working with newer versions of Wordpress as they are released. Cheers!
2025 年 1 月 11 日 6 則留言
Seems to work in all browsers! very nice!But I would prefer a stronger smooth scroll effect. But the plugin has no settings for that.
2024 年 9 月 28 日 2 則留言
The Lenis Smooth Scroll works great. It would be nice to stay up to date to the latest version of Wordpress.
閱讀全部 5 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Smooth scrolling with Lenis〉的開發相關工作。

參與者

將〈Smooth scrolling with Lenis〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.4.0
* update lenis to 1.3.11

1.3.0
* update lenis to 1.3.8
* add “Synchronize with GSAP/ScrollTrigger” checkbox to the settings

1.2.0
* update lenis to 1.3.4

1.1.0
* update lenis to 1.1.20

1.0.4
* two new properties: lerp and duration

1.0.3
* custom scroll function ‘smoothScrollLenisCallback(event)’ that will be called if available.

1.0.2
* update Lenis to 1.1.13

1.0.1
* prevent JS error when Lenis is not loaded
* load default Lenis CSS
* update Lenis to 1.1.4

1.0.0
* Initial release.