PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    jQuery检测浏览器window滚动条是否到达底部

    作者:w634381967来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:jQuery获取位置和尺寸相关函数:$(document).height() 获取整个页面的高度$(window).height() 获取当前也就是浏览器所能看到的页面的那部...
    jQuery获取位置和尺寸相关函数:
    $(document).height()    获取整个页面的高度
    $(window).height()    获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的
    scrollTop()    获取匹配元素相对滚动条顶部的偏移。
    scrollLeft()    获取匹配元素相对滚动条左侧的偏移。
    scroll([[data],fn])    当滚动条发生变化时触犯scroll事件

    jQuery检测滚动条到达底部

     
    复制代码 代码如下:
    $(document).ready(function() {
    $(window).scroll(function() {

    if ($(document).scrollTop()<=0){
    alert("滚动条已经到达顶部为0");
    }

    if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
    alert("滚动条已经到达底部为" + $(document).scrollTop());
    }
    });
    });

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-1105-1.html
    相关热词搜索: