日期：2014-05-16 浏览次数：20351 次
现在的页面大多都具有的特点 -?内容丰富，图片较多；像我们经常浏览的淘宝，京东，团购网站之类的（本人网购控，属于一个月不在网上花点钱就不痛快），一个页面几十张图片那叫毛毛雨，所以现在流行起了一个方法 - 滚动动态加载。这个方法能解决很大程度的HTTP请求，首先页面只加载窗口显示区的图片，只有等到页面滚动，且滚动到相应位置的时候再去加载图片，这样做网页加载快了（请求少了，加载的东西少了能不提快么）。在《高性能网站建设指南》第一章就说到，减少HTTP请求的重要性，这是提高网页前端性能，优化页面加载速度很实用的做法。
原理： 1.给页面绑定滚动事件； 2.加载页面的时候把真正的图片地址放在某属性中； 3.然后再滚动过程中判断元素是否进入当前浏览器窗口内； 4.最后加载图片，当然加载什么，用什哪种用户体验都得由你决定； 难点： 浏览器兼容是造成难点的原因所在，DOM标准和IE标准，每天前端的工作都在和它们打交道。思考下面的几段代码 目的:获得当前页面相对于窗口显示区左上角的 Y 位置.
1.window.pageYOffset ? window.pageYOffset : window.document.documentElement.scrollTop
DOM标准:window.pageYOffset;
IE标准:window.document.documentElement.scrollTop 2.window.innerHeight ? window.innerHeight : document.documentElement.clientHeight
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
