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

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

作者: 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