@sword916/wings-scroll

安装

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);