首先请允许博主先介绍一下项目背景
很多时候,我们无论在浏览一些电商网站的APP还是浏览淘宝京东等的手机端页面的时候,都会看到当我们向下滚动页面的时候,内容是一直在加载的,而不是已经加载好的,
当然,我们抛开原生的APP不谈,今天只来说一下有关WEB前端的滚动加载事件。
首先说一下我们为什么要这么做,对于移动端,我们要做的就是性能性能还是性能,加载要快,等待时间要短,所以我们就要想方设法无所不用其极的来满足这些条件。难么页面选择性加载就成了一个最好的选择的。背景说完下面就正式的进入代码,看如何更完美的用代码来解决这些问题!
首先我们要懂得一些基本的JQuery的设置方法:
1.var winWidth=$(window).height(); //获得浏览器可视范围的高度
2.var scroll=$(window).scrollTop(); //获得滚动条到顶部的滚动距离