【文件属性】:
文件名称:机车滚动::railway_track:检测视口中的元素并使用视差平滑滚动
文件大小:1.75MB
文件格式:ZIP
更新时间:2021-02-03 15:40:59
javascript parallax smooth-scrolling in-view JavaScriptJavaScript
机车卷轴
视口中元素的检测以及具有视差效果的平滑滚动。
安装
npm install locomotive-scroll
用法
基本的
检测简单。
HTML
< h1> Hey h1>
< p> :waving_hand: p>
CSS
将基本样式添加到CSS文件。
JS
带捆扎机
import LocomotiveScroll from 'locomotive-scroll' ;
const scroll = new LocomotiveScroll ( ) ;
有无
< script src = "locomotive-scroll.min.js" > < / script >
< script >
( function ( ) {
var scroll = new LocomotiveScroll ( ) ;
} ) ( ) ;
< / script >
获取。
光滑
具有平滑的滚动和视差。
< div>
< div d