美文网首页
原生的跳转页面到指定哪屏

原生的跳转页面到指定哪屏

作者: Maxine708 | 来源:发表于2019-06-28 17:15 被阅读0次

很多滑动插件可以做到跳转到哪一屏,不过介于滑动插件里再套滑动或者滚动页插件会有问题。可以用原生地更好地表现。

html 代码

<div class=”page page1“></div>
<div class=”page page2“></div>
<div class=”page page3“></div>
<div class=”page page4“></div>

css代码

.page {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 1;
    overflow: hidden;
}
.page1{
    display:block
}

js代码

var currentpage = 1; //当前页面;
var prevpage = []; //上一个页面
function gotoPage(num) {
    prevpage.push(currentpage);
    currentpage = num;
    pageInit();
};
function pageInit() {
    $('.page' + currentpage).show().siblings('.page').hide();
    if (timer) {
        clearInterval(timer);
    }
   //根据 currentpage  处理每页的需求

}

相关文章

网友评论

      本文标题:原生的跳转页面到指定哪屏

      本文链接:https://www.haomeiwen.com/subject/mfrecctx.html