zoukankan      html  css  js  c++  java
  • 自动滚动高度计算

            var off_height = $(".mui-scroll").offset().top; //滑动区域具体屏幕顶部距离
            off_height = 120;
            //以下所说的高度,起点都是滑动区域的起点,不是屏幕顶端
            // var slid_height = $(window).height() - off_height; //获取滑动区域的高度
            var slid_height = $(document).height() - off_height; //获取滑动区域的高度
    
            var middle_height = slid_height / 2; //当前滑动区域的一半高度
            // alert($("ul.topList li").eq(5).offset().top);
            // alert('middle'+middle_height);
            var li_height = $("ul.mui-table-view li")
              .eq(mp3.getIndex())
              .height();
            var now_height =
              $("ul.mui-table-view li")
                .eq(mp3.getIndex())
                .offset().top - off_height; //获取当前li的高度
            // alert('liheight'+li_height);
            // alert('now'+now_height);
            var last_height =
              $("ul.mui-table-view li")
                .eq(mp3.getPageSize() - 1)
                .offset().top - off_height; //获取最后一个li的高度
            var move_height = now_height - middle_height + li_height; //每次滑动的距离
            // console.log("li height" + li_height);
            // console.log(
            //   "li height_top" +
            //     now_height +
            //     "|last_height" +
            //     last_height +
            //     "|move_height" +
            //     move_height +
            //     "|slid_height" +
            //     slid_height
            // );
            // console.log(now_height > middle_height);
            // console.log(last_height > slid_height);
            // totalheight++;
            // mui("#pullrefresh")
            //   .pullRefresh()
            //   .scrollTo(0, -li_height * totalheight);
            // totalheight += move_height;
            totalheight += li_height;
            //如果当前高度大于滑动区域的一半,并且最后一个元素的高度大于滑动区域的高度
            if (
              now_height > middle_height &&
              last_height + li_height > slid_height
            ) {
              // $(".inner").css('transform','translate(0px, -'+move_height+'px)');
              // window.scroll(0, move_height);
    
              mui("#pullrefresh")
                .pullRefresh()
                .scrollTo(0, -totalheight);
            }
    

      

  • 相关阅读:
    Linux网卡上添加多个IP
    TCP_Wrappers基础知识介绍
    工作、生活、思考、人生、经验、总结
    网络层安全
    centos7.0 安装nginx
    linux 下配置jdk
    yii2.0 中的队列
    centos7.0 activemq的安装
    solrCloud
    线性顺序表
  • 原文地址:https://www.cnblogs.com/blueskycc/p/8430284.html
Copyright © 2011-2022 走看看