PHP技术论坛

标题: 滑轮滚动到页面底部ajax加载数据的实例 [打印本页]

---

作者: admin    时间: 2016-8-25 09:28
标题: 滑轮滚动到页面底部ajax加载数据的实例
来源 http://www.cnblogs.com/thinksley/archive/2013/05/12/3074237.html

首先要先判断页面怎么样才是滚动到底部，也就是scrollTop+window的height是否大于document的height，jquery如下代码: $(window).scrollTop()+$(window).height()>=$(document).height()；

再给window绑定scroll事件。所以整个页面demo可以这样做:

1. $(window).bind('scroll',function(){show()}); //监听滑动事件
   
2. 
   
3.     function show()
   
4.     {
   
5. 
   
6.         if($(window).scrollTop()+$(window).height()>=$(document).height())
   
7.         {
   
8.            加载数据
   
9.         }
   
10.     }

复制代码

---

欢迎光临 PHP技术论坛 (http://php.hh85.com/)

Powered by Discuz! X3.2