安装
npm i @sword916/wings-scroll
初始化全部的页面。
let pages = [...document.getElementsByClassName('page')];
let pageArr = [];
pages.forEach((p, i) => {
pageArr.push(new S.Page(p));
});
翻页对象参数
let options = {
dom: document.getElementById('scroll'), //容器dom
pages: pageArr, //全部的页面数组,按照页码顺序排列。
offset: 0, //页面跳转修正值(默认为0)
duration: 500, //页面跳转持续时间,单位是毫秒(默认为800)
//页面滚动的回调函数。
scrollCallback: (pageIndex) => {
console.log("当前滚动到第几页?", pageIndex);
},
}
初始化翻页对象
let ws = new S.Scroll(options);
跳转到第3页
ws.flipTo(3);