收藏 JS，延迟加载，只加载当前屏幕内容

一时失言乱红尘 2022-08-07 02:59 176阅读 0赞

$(document).ready(function() \{  
            $(window).bind("scroll", GetData);  
   
            function GetData() \{  
                  
                var windowHeight = $(window).height();  
                var scrollHeight = $(document).scrollTop();  
                var screenBottom = windowHeight + scrollHeight;  
                var documentHeight = $(document).height();  
                if (screenBottom >= documentHeight) \{  
                    $(window).unbind();  
                    $.ajax(\{  
                        type: "post",  
                        url: "GetData.aspx",  
                        data: "action=data",  
                        success: function(data) \{  
                            data = eval("(" + data + ")");  
                            if (data.ret = 1) \{  
                                var html = "";  
                                for (var i = 0; i < 12; i++) \{  
                                    html += '<div style=" border:1px solid; width:198px; float:left; height:200px" >' + i + '</div>';  
                                \}  
                                $("\#div\_main").append(html);  
                                $(window).bind("scroll", GetData);  
                            \}  
                        \}  
                    \})  
   
                \}  
            \}  
        \});