手机网页，div内滚动条，以及div内部滚动条拉到底部之后触发事件

var gao = document.documentElement.clientHeight;
        var headHeight = parseInt($('.yhead').css('height'))
        $('.ybody').css('height', gao - headHeight + 'px')
        //前端分页
        $(".yright").scroll(function(){
            var scrollHeight  = document.querySelector(".yright").scrollHeight;  // 没用滚动条的情况下，元素内容的总高度
            var scrollTop     = document.querySelector(".yright").scrollTop;
            console.log(gao,scrollHeight,scrollTop)
            if((scrollTop + gao - scrollHeight) == headHeight){
                $('.fenye').click()
            }
            console.log("没到底： ", );
        })

　　　　div布局就不用讲了，主要是滚动条事件这一块是真晕，上网查资料查到的情况，用了一下真的可以，真是太高兴了

以后有时间了在好好研究研究，暂时就先这样，另附几个查阅的资料：

javascript、jquery获取网页的高度和宽度

 

javascript:

可视区域宽 ：document.documentElement.clientWidth  （width + padding）

可视区域高 ：document.documentElement.clientHeight （height + padding）

可视区域宽： document.body.offsetWidth (包括边线的宽： width + padding + border)

可视区域高： document.body.offsetHeight (包括边线的高：height + padding + border)

内容高 ： document.body.scrollHeight

文档高 ： document.body.offsetHeight

纵向滚动的距离 ： document.body.scrollTop || document.documentElement.scrollTop

横向滚动的距离 ： document.body.scrollLeft || document.documentElement.scrollLeft

jquery:

可视区域宽  : $(window).width()

可视区域高 ：$(window).height()

页面的文档宽 ：$(document).width();

页面的文档高 ：$(document).height();

获取滚动条到左边的垂直宽度 ：$(document).scrollLeft();

获取滚动条到顶部的垂直高度 ：$(document).scrollTop();

div设置overflow-y:scroll后， 如何监听滚动到底部的事件

大多数情况下，我们都是判断页面滚动到底部，如下：

window.addEventListener('scroll', this.handleScroll);
// 处理滚动到底部的事件
handleScroll(arg) {
    var clientHeight  = document.documentElement.clientHeight;  // 客户区大小
    var scrollHeight  = document.documentElement.scrollHeight;  // 没用滚动条的情况下，元素内容的总高度
    var scrollTop     = document.documentElement.scrollTop;     // 被隐藏在内容区域上方的像素数
    if(scrollTop + clientHeight == scrollHeight && this.loading!=true && this.nomore==false){
    console.log("到底了...");
    this.getComments();
    return;
    }
    console.log("没到底： ", clientHeight, scrollHeight, scrollTop);
}

在移动端，有时候会有这样的需求，需要一个弹出层，高度和宽度都是100%，然后设置overflow-y:scroll。

document.querySelector(".item").addEventListener('scroll', this.handleScroll2);
handleScroll2(arg) {
    var clientHeight  = document.documentElement.clientHeight;         // 客户区大小
    var scrollHeight  = document.querySelector(".item").scrollHeight;  // 没用滚动条的情况下，元素内容的总高度
    var scrollTop     = document.querySelector(".item").scrollTop;     // 被隐藏在内容区域上方的像素数
    console.log("1:： ", clientHeight, scrollHeight, scrollTop);

    if(scrollTop + clientHeight == scrollHeight && this.loading!=true && this.nomore==false){
    console.log("到底了...");
    // this.getComments();
    return;
    }
    console.log("没到底： ", );
}