日记:写了个简单的滚动条滚动到底部,再次加载数据的方法

APP上开发一个功能,滚动到底部后再次请求数据,以加快访问速度…
不过,jquery-mobile只提供有左右滑动的事件,没有提供上下滑动的事件.
同事在网上找了一大圈,找到个js插件,但是,在网页端还好,一到手机上卡的不行
这个方法,在我看来应该不难,就用jquery的scroll就可以实现.

//添加滚动条事件 mycontent为主容器,里面有滚动条,#Content为自适应的内容,在mycontent中
var stop=true;//在请求时就不再次请求
mycontent.scroll(function() {
	//内容高度=滚动条向上滚动的高度+外层主容器的高度
	if($("#Content").height()==($(this).scrollTop()+mycontent.height())){
		if(stop==true){  
			stop=false;  
			getData();//再次请求数据,方法里面需要把stop设置为true.
		}
	}
});   
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值