Question

1。怎样用js实现先加载网页的一部分，等滚轮到一定位置再加载下面部分

1。怎样用js实现先加载网页的一部分，等滚轮到一定位置再加载下面部分？
2。怎样先加载一半数量的图片，等滚轮滚到一定位置再加载剩下的图片（文字这些是一起加载的）

Answer 1

1. 思路：当滚动条到达底部时，调用js方法去加载数据

2. 代码如下：

   <div style="height:1600px;border:1px solid red">设高度模拟滚动</div>
   //引入js
   <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js">
   </script>
   <script type="text/javascript">
   $(function () {
      $(window).scroll(function () {
         //浏览器所能看到的页面的那部分的高度
         var winH = $(window).height();
         var scrH = $(window).scrollTop();//滚动的高度
         //获取整个页面的高度 htmH为设置的滚动到的高度位置
         var htmH = $(document).height() - 100;
              //可见高度+滚动高度 超出 设置的高度，触发方法
         if (winH + scrH >= htmH) {
   		//到达底部-100的高度，触发方法
   		alert(1);
         }
      });
   })
   </script>

追问

思路我明白了，怎么分段加载数据呢？就是怎么把做好的网页分成两段，怎么把它分开加载？

追答

默认加载第一段，到后面后，在加载第二段【$("对应拼接位置的对象").load('xxx.html');】
，然后取消滚动的触发

追问

怎么把网页分成两个部分啊？写两个网页？一个是一半的，然后到位置提换成另一个网页？

追答

最土最简单的就是写2个网页，默认加载第一个网页，到位置在append上另一个网页

追问

那帅一点的怎么做

追答

结合服务端，服务端取数据，然后把数据赋值到把布局的那个页面，自动渲染后，加载那个页面的代码，然后这个效果给前端，前端append出来，这种需要一个布局页面，效果和默认的那个布局是一样的，这种处理，类似分页效果，分成几页，滚动到位置后就加载，没有数据的话，就结束了

追问

你知道我第二个问题怎么解答吗