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

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

作者: 你我的微笑 | 来源:发表于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;  

                            }  

                    })  

                }  

            });  

        }  

    })

     

    相关文章

      网友评论

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

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