html/jsp页面获取滚动条所在位置(滚动条底部位置获取不准问题解决)

一茗道人nview

于 2021-04-21 17:15:03 发布

阅读量924

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： jquery javascript html html5

本文链接：https://blog.youkuaiyun.com/qq_35901863/article/details/115963977

前端专栏收录该内容

7 篇文章

订阅专栏

本文探讨了在jQuery中滚动条位置判断错误的问题，发现未声明<!DOCTYPE html>导致$(window).height()等于$(document).height()。通过添加声明，解决了底部位置始终显示为底部的困扰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、背景：

页面获取滚动条顶部、底部位置jquery：

①顶部： $(document).scrollTop() == 0

②底部： $(document).scrollTop() + $(window).height() >= $(document).height()

完整jquery代码：

$(window).scroll(function () {
    if ($(document).scrollTop() == 0) {
        console.log("顶部");
    }
    if ($(document).scrollTop() + $(window).height() >= $(document).height()) {
        console.log("底部");
    }
});

二、问题：

但底部位置一直不正确，无论滚动到哪个位置都输出底部；即 $(window).height() = $(document).height() ；即：当前可见窗口高度 = 整个页面文档高度

三、解决：

是由于标签<html>未加声明<!DOCTYPE>，加上声明即可：<!DOCTYPE html>