开发者社区> 问答> 正文

手机上下拉刷新效果

类似新浪微博滚动到底部就ajax加载数据附加在后面,加载数据已经写好了,怎么判断到哪个位置加载?

$(document).scroll(function(){
    if ($(document).scrollTop() >= 100) {
    //ajax fetch
    }
});

没效果?

展开
收起
云栖技术 2016-05-25 08:26:17 1872 0
1 条回答
写回答
取消 提交回答
  • 社区爱好者,专为云栖社区服务!

    判断元素是否滑到底部明显应该使用 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/(手机访问才有效果)

    2019-07-17 19:13:19
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Tangram 立即下载
360手机卫士 插件化漫谈 立即下载
手机京东Crash自动分析处理系统 立即下载

相关实验场景

更多