Html
    Css
    Js

    
                        
html,body {
	height:100%;
}
.pull-Up p {
	border:1px solid #ddd;
	padding:20px;
	font-size:15px;
	color:#999;
	height:40px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.1
 立即下载

上拉执行相应操作

js中和有3个函数,分别是:
获取当前页面滚动的位置: getscrolltop();
获取当前可视范围的高度 getclientheight();
获取当前页面完整的高度 :getscrollheight();
这样就可以判断出是否到底部了,当滚动的位置 + 可视范围的高度 == 完整的高度,说明就到了底部
还可以设置距离底部多少距离触发,只要相应的改变触发时间的条件即可

0