2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

判断是否滑动到页面底部

网页特效html5作者:东邪

我们在开发过程中经常会遇到下拉加载更多的效果;在web页面上没有下拉或者上拉回弹的效果,一般都是滑动状态进行判断;判断是否加载到页面底部。

特此贡献代码(原生js写法)。


    var triggerPageScrolling = function(){
        var a = document.documentElement.scrollTop==0? document.body.clientHeight : document.documentElement.clientHeight;
        var b = document.documentElement.scrollTop==0? document.body.scrollTop : document.documentElement.scrollTop;
        var c = document.documentElement.scrollTop==0? document.body.scrollHeight : document.documentElement.scrollHeight;
        if(a+b+50>=c){//滑动至页面底部还有50px的位置
            loadTab(page_num);//加载更多的方法
        };
    };

一定要对文档进行声明,即请考虑添加有效的 HTML5 doctype:“<!DOCTYPE html>”。
页面添加HTTP协议,例如:“<!DOCTYPE html>”。
若文档未申明情况下,document.documentElement.scrollTop 始终为0。


« 上一篇:二叉树的diff算法,查看并输出二叉树不同的地方(JavaScript版)
» 下一篇:二叉树的比较代码实现(JavaScript版)
评论
点击刷新
评论
相关博文
×添加代码片段