滚动条位置判断

朴灿烈づ我的快乐病毒、 2023-06-11 07:29 9阅读 0赞

//获取滚动条距离顶部位置
    function getScrollTop() {
       
        var scrollTop = 0;
        if (document.documentElement && document.documentElement.scrollTop) {
       
            scrollTop = document.documentElement.scrollTop;
        } else if (document.body) {
       
            scrollTop = document.body.scrollTop;
        }
        return scrollTop;
    }
    //获取当前可视范围的高度
    function getClientHeight() {
       
        var clientHeight = 0;
        if (document.body.clientHeight && document.documentElement.clientHeight) {
       
            clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
        } else {
       
            clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
        }
        return clientHeight;
    }
    //获取文档完整的高度
    function getScrollHeight() {
       
        return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
    }
    //判断滚动条是否达到底部

getScrollTop()   getClientHeight() == getScrollHeight()

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关滚动条位置判断

//获取滚动条距离顶部位置 function getScrollTop() { var scrollTop = 0;

朴灿烈づ我的快乐病毒、/ 2023年06月11日 07:29/ 0 赞/ 10 阅读

相关 jquery 判断div滚动条是否滚动到底部

//div的滚动条，判断滚动条是否到底部 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

清疚/ 2022年09月25日 03:23/ 0 赞/ 253 阅读

相关 jQuery判断滚动条滚动方向

方法一： <script> var position = $(window).scrollTop(); $(window).scr

系统管理员/ 2022年09月08日 14:59/ 0 赞/ 282 阅读

相关 winfrom 控制 webbroser 滚动条位置

//获取滚动条位置 HtmlDocument document = webBrowser1.Document; string top = docum

我就是我/ 2022年08月07日 21:28/ 0 赞/ 206 阅读

相关滚动条滚动到特定位置后出发的事件

滚动条滚动到特定位置后出发的事件 $(window).scroll(function () { if ($(window).scrollTop() == $(

我不是女神ヾ/ 2022年07月12日 07:24/ 0 赞/ 236 阅读

相关滚动条滚动到特定位置后出发的事件

滚动条滚动到特定位置后出发的事件 $(window).scroll(function () { if ($(window).scrollTop() == $(

墨蓝/ 2022年07月12日 07:24/ 0 赞/ 255 阅读

相关 jQuery判断滚动条滚动到顶部和底部

//底部 $(window).scroll(function(){ var viewHeight =$(window).height()

爱被打了一巴掌/ 2022年05月25日 00:27/ 0 赞/ 267 阅读

相关 JQ判断滚动条到达底部

$(window).scroll(function() { if ($(document).scrollTop()<=0){

怼烎@/ 2022年01月29日 16:09/ 0 赞/ 301 阅读

相关 vue返回记住滚动条位置

assets/js/common.js export const Storage = { set: function (key, d

喜欢ヅ旅行/ 2022年01月27日 17:37/ 0 赞/ 416 阅读

相关 jquery动态设置滚动条位置

假设有一个div，里面会不断append新的内容，当超过一定高度后会出现滚动条。但是新内容append后，滚动条的位置始终不变，会在顶部。这种体验很不好，我们希望能够动态调

痛定思痛。/ 2021年06月22日 15:36/ 0 赞/ 651 阅读