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

      

  • 相关阅读:
    C# 文件流
    SQL语句(十八_补充)——存储过程
    SQL语句(十九)——存储过程(练习)
    SQL语句(十八)—— 存储过程
    软件测试(二)PICT的使用 组合测试方法(两两组合测试,可遍历组合测试)
    Swing布局管理器
    软件测试(一)-黑盒测试 随机测试技巧
    (一)在Lingo中使用集合
    数学建模 TSP(旅行商问题) Lingo求解
    哲学家进餐问题
  • 原文地址:https://www.cnblogs.com/blueskycc/p/8430284.html
Copyright © 2011-2022 走看看