美文网首页
滚动条滚动到可视区域加载数据

滚动条滚动到可视区域加载数据

作者: 你我的微笑 | 来源:发表于2018-05-17 09:16 被阅读0次

实现功能:页面某版块,当滚动条滚动到该区域时加载数据,否则不加载,节省页面加载时间

加一个开关,当ajax请求成功后,关闭,防止不停的无限的循环加载,优化,进入ajax就设置开关。


 $(function () {  

        varisload = true;  

        $(window).scroll(function () {  

            varfold = $(window).height() + $(window).scrollTop();  

            if (fold> $("#dvh").offset().top && isload) {  

                $.ajax({  

                    type: "GET",  url: '/test.aspx?r=' + Math.random(),  

                    cache: false,  

                    dataType: "html",  

                    beforeSend: function(XMLHttpRequest){  

                        isload = false;  

                        },  

                    success: function (data) {if (data != "") {  

                            $('#dvh2').html(data);  

                            $("#dv").css("display", "block");  

                    varlikeErr = $('#getInErr').val();  

                    if (likeErr == "false") {  

                    $('#dvh2').val = $('#getIn').val();  

                            }  

                        }  

                    },  

                   error: function(){  

                    isload = false;  

                        }  

                })  

            }  

        });  

    }  

})

 

相关文章

  • 滚动条滚动到可视区域加载数据

    实现功能:页面某版块,当滚动条滚动到该区域时加载数据,否则不加载,节省页面加载时间 加一个开关,当ajax请求成功...

  • clientY,offsetY,screenY/layerY,p

    1.clientY鼠标在页面可视区域(不包括工具栏和滚动条)的位置。如果有滚动条,以滚动到的位置的可视区的左上角为...

  • windows / document

    一、Windows 浏览器窗口 二、Docment 文档 可视区域加载 页面滚动到顶部/底部 div滚动到底部/顶...

  • JS监听是否滚动到底部

    练习项目时需要实现滚动到指定位置然后加载更多, 主要实现方法是用滚动条距顶部高度+可视区高度与滚动条总高度进行比较...

  • js宽高的加载关系

    1可视区域加载>第2屏加载 2页面滚动到顶部和底部 按需加载image.png 3 div元素image.png ...

  • 实现聊天窗口动态可视区加载的listview

    定义 可视区域加载,顾名思义,即listview只加载数据源中的可视部分,而不可视部分则不需要加载。其实质也是懒加...

  • 懒加载

    懒加载也叫延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。用户滚动到它们之前,可视区域外的图...

  • 懒加载

    懒加载也叫延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。用户滚动到它们之前,可视区域外的图...

  • JS 懒加载

    懒加载也叫延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。用户滚动到它们之前,可视区域外的图...

  • 懒加载

    懒加载也叫延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。用户滚动到它们之前,可视区域外的图...

网友评论

      本文标题:滚动条滚动到可视区域加载数据

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