类似新浪微博滚动到底部就ajax加载数据附加在后面,加载数据已经写好了,怎么判断到哪个位置加载?
$(document).scroll(function(){
if ($(document).scrollTop() >= 100) {
//ajax fetch
}
});
没效果?
判断元素是否滑到底部明显应该使用 getBoundingClientRect
方法获取 bottom 然后比较下是否小于等于viewport的高度就行了
var vh = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
if (el.getBoundingClientRect().bottom <= vh) {
//do something
}
桌面浏览器滚动元素一般是body,但是手机上面因为可能一般会有固定的导航栏,或者使用iscroll之类的技术,所以不能把body设为滚动。
你这个叫下拉加载才对,下拉刷新是这样的:http://chemzqm.github.io/pull-to-refresh/
(手机访问才有效果)
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。