Skip to main content

官方文档

安装​

JavaScript​

通过包管理器安装：

npm i @studio-freight/lenis

导入：

import Lenis from '@studio-freight/lenis'

html​

<script src="https://unpkg.com/@studio-freight/lenis@1.0.39/dist/lenis.min.js"></script>

基础设置​

基本用法​

const lenis = new Lenis()

lenis.on('scroll', (e) => {
  console.log(e)
})

function raf(time) {
  lenis.raf(time)
  requestAnimationFrame(raf)
}

requestAnimationFrame(raf)

GSAP ScrollTrigger 集成​

const lenis = new Lenis()

lenis.on('scroll', (e) => {
  console.log(e)
})

lenis.on('scroll', ScrollTrigger.update)

gsap.ticker.add((time) => {
  lenis.raf(time * 1000)
})

gsap.ticker.lagSmoothing(0)