开发者社区 问答 正文

手机上下拉刷新效果

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

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

没效果?

展开
收起
云栖技术 2016-05-25 08:26:17 2017 分享 版权
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
    赞同 展开评论
问答分类:
问答标签:
问答地址: