LightScrollPage(简称 “LSP”)，一个基于原生JS的微型滚动动画库，不需要依赖，只需要一个JS文件，源代码小于1KB如何使用引入CDN你可以使用支持Github回源的CDNjsDelivr:自行部署点击下载文件引入:使用LSP配置了JSDoc，你可以方便的用VSCode、IDEA等代码编辑器查看其使用方法注：每个页面的长度 = scroll-page总长度 / 页面数量，需要手动设置scroll-page总长度，一般使用vh单位文档中长度是显示此页面的范围，高度是页面div的高度，一般为100vh自动操作这种状态不能使用lsp.addEventListener监听，如需监听请手动操作手动操作const lsp = new ScrollPage(".scrollPage");// 初始化lsp对象, 需要传入目标的CSS选择器或者element对象lsp.addEventListener((event) => {// 创建监听事件 // event对象 // 在滚动动画范围内 /* pageNum: 当前页码 pageHeight: 当前页长度 pageToTop: 当前页距离顶端（相对于页面长度） scrollPage: 当前页距离顶端（相对于整个动画盒子的长度） element: 动画盒子的元素对象 page: 当前页的元素对象 */ // 超出范围时 /* without: up/down 分别为从上端超出和从下端超出 */})效果完整效果https://www.oblivionocean.top/声明：本文仅代表作者观点，不代表本站立场。如果侵犯到您的合法权益，请联系我们删除侵权资源！如果遇到资源链接失效，请您通过评论或工单的方式通知管理员。未经允许，不得转载，本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论