zoukankan      html  css  js  c++  java
  • 移动端上滑加载更多

    https://blog.csdn.net/helloxiaoliang/article/details/51492250

    $(window).scroll(function () {
         //已经滚动到上面的页面高度
        var scrollTop = $(this).scrollTop();
         //页面高度
        var scrollHeight = $(document).height();
          //浏览器窗口高度
        var windowHeight = $(this).height();
         //此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作
         if (scrollTop + windowHeight == scrollHeight) {
                console.log(scrollTop);                     dragThis.insertDom();       } });

    https://blog.csdn.net/qq_37415950/article/details/80625391

    <script >
        /*第一种*/
        $(function(){
     
            $(window).scroll(function(){
     
                var scrollH = document.documentElement.scrollHeight;
     
                var clientH = document.documentElement.clientHeight;
                if (scrollH == (document.documentElement.scrollTop | document.body.scrollTop) + clientH){
                    //加载新数据
     
                    alert("加载新数据");
     
                }
            });
     
        });
        /*第二中 */
        //获取当前浏览器中的滚动事件
        $(window).off("scroll").on("scroll", function () {
     
            var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight; //获取当前浏览器的滚动条高度
     
            if (scrollHeight <= ($(window).scrollTop() + $(window).height())) { //判断当前浏览器滚动条高度是否已到达浏览器底部,如果到达底部加载下一页数据信息
                $("#loadingImg").css('visibility','visible');
                setTimeout(function () {
     
                   
                    //模拟ajax
                    for(m=0;m<5;m++){
                        $(".order-list").append(appendStr);
                    }
                    
                },1000)
            }
        });
     
    </script>
  • 相关阅读:
    Median Value
    237. Delete Node in a Linked List
    206. Reverse Linked List
    160. Intersection of Two Linked Lists
    83. Remove Duplicates from Sorted List
    21. Merge Two Sorted Lists
    477. Total Hamming Distance
    421. Maximum XOR of Two Numbers in an Array
    397. Integer Replacement
    318. Maximum Product of Word Lengths
  • 原文地址:https://www.cnblogs.com/gavinyyb/p/9986833.html
Copyright © 2011-2022 走看看