美文网首页
滑动到底部加载事件

滑动到底部加载事件

作者: Fortune_Cookie | 来源:发表于2018-12-05 23:32 被阅读0次

之前用Vue制作知乎日报,因为新闻数据过多,不会一次性加载全部。所以采用滑动到底部之后再加载更多的新闻

JS实现思路

实现条件:窗口的高度(clientHeight)+ 滚动的高度(scrollTop)=> 元素内容的总高度(scrollHeight)
总体:document.documentElement.scrollTop + document. body.clientHeight => document.body.scrollHeight

    function scb(){
        let st = document.documentElement.scrollTop || document.body.scrollTop;
        let ch = document.body.clientHeight;
        let sh = document.body.scrollHeight;
        if(st + ch == sh) {
            console.log('it is bottom')
        }
    }
    window.addEventListener('scroll',scb);

效果截图

滑动到底部事件

相关文章

  • 滑动到底部加载事件

    之前用Vue制作知乎日报,因为新闻数据过多,不会一次性加载全部。所以采用滑动到底部之后再加载更多的新闻 JS实现思...

  • 实现瀑布流类似功能

    思路:判断当前页面是否滑动到底部,若滑动到底部则使用ajax异步加载接下来的内容,使用append插入到当前页面中...

  • 下拉刷新

    Android LRecyclerView实现下拉刷新,滑动到底部自动加载更多 PullToRefresh使用详解...

  • ScrollView 嵌套listview 会自动滑动到scro

    ScrollView 嵌套listview时,当listview自动加载时,会自动滑动到scrollview到底部...

  • RecyclerView 上拉加载 PullToRefreshR

    设计思路 ListView 上拉加载很容易实现,监听 ListView 滑动到底部,显示 FootView 即可,...

  • BaseRecyclerViewAdapterHelper 之

    参考博客 NestedScrollView+RecyclerView实现滑动到底部自动加载更新 问题描述 我在使用...

  • RecyclerView 分页滑动卡顿分析之旅

    问题:最近在开发分页加载列表时发现这样一个问题,在滑动到列表底部等待加载下一页后,再向上滑动列表,此时会出现几次页...

  • RecyclerView,ScrollView,ViewPage

    隐藏滑动控件顶部底部阴影 问题:可滑动控件不设置上拉加载下拉刷新的时候滑动到顶部会出现阴影,交互效果不友好 解决方...

  • WebView处理内容与WebView宽高对比

    一:判断WebView内容高度与WebView高度 二:处理WebView滑动事件判断是否滑动到底部 自定义Web...

  • 自己customize的底部控件

    自己实现的一个底部控件 监听MKWebView的滚动事件,上滑动消失,下滑动出现。同时用blur效果和FontAw...

网友评论

      本文标题:滑动到底部加载事件

      本文链接:https://www.haomeiwen.com/subject/jcrgcqtx.html