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

JavaScript08

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

思路:当滚动条到达底部时,调用js方法去加载数据

代码如下:

<div style="height:1600pxborder: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>

$.ajax({

url:'process.jsp',

type:'POST',

data:'sessionid=' sessionid,

success:function(data){

$("#yourdiv").empty().append(data)

}

})

//注:清空相应DIV并把服务器返回的数据append进去就能实现你说的更新了。