js赖加载

梓旭 • • JS, 编程

[precode]

//控制加载几条元素

 var num = true
     var  num01 = 0
//设置页面滚动监听事件
        window.addEventListener('scroll', function () {
//获取页面滚动数值
            var mapTop = document.documentElement.scrollTop || document.body.scrollTop
            console.log(mapTop);
         //如果页面滚动的数值加上页面的高大于原来的页面数值，就会触发像页面中添加元素
            if (mapTop + window.innerHeight + 100 >= mapTop &&num) {
               num =false
//创建页面元素
                var div = document.createElement('div')
//向页面中添加标签
                box.appendChild(div)
                // document.body.appendChild(div)
//标签文本
                div.innerText = 'dfgrregrwegrg'
                num01++
            }
/控制页面元素小于5条
            if (num01 < 5) {
                    num = true
                }
        })

[/precode]

梓旭梓旭
THE END
分享
二维码
< <上一篇
下一篇>>