document.documentElement.scrollTop(获取滚动条位置)

2023-11-01

要获取当前页面的滚动条纵坐标位置,用:
document.documentElement.scrollTop;
而不是:
document.body.scrollTop;
documentElement 对应的是 html 标签,而 body 对应的是 body 标签。

在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替;
如果你想定位鼠标相对于页面的绝对位置时,你会发现google里面1000篇文章里面有999.99篇会让你使用event.clientX+document.body.scrollLeft,event.clientY+document.body.scrollTop,如果你发现你的鼠标定位偏离了你的想象,请不要奇怪,这是再正常不过的事情。
ie5.5之后已经

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

document.documentElement.scrollTop(获取滚动条位置) 的相关文章

随机推荐

  • 代码随想录算法训练营 个人总结

    训练营周期 2023 5 10 7 8 共计60天 LeetCode记录 参加训练营之前 就有想刷LeetCode的想法 一方便没有头绪地不知道按什么顺序刷题 另一方面也没有找到很好的讲解材料 都是自己看LeetCode页面上讨论模块下的高
  • Spark SQL数据源 - 基本操作

    目录 一 基本操作 二 默认数据源 一 默认数据源Parquet 二 案例演示读取Parquet文件 1 在Spark Shell中演示 2 通过Scala程序演示 一 基本操作 Spark SQL提供了两个常用的加载数据和写入数据的方法
  • git上创建自己的仓库并将新项目推上去

    1 在github上创建仓库 创建后复制地址 2 先进入项目文件夹 通过命令 git init 把这个目录变成git可以管理的仓库 git init 3 把文件添加到版本库中 使用命令 git add 添加到暂存区里面去 不要忘记后面的小数
  • 【华为OD机试真题2023B卷 JAVA&JS】找单词

    华为OD2023 B卷 机试题库全覆盖 刷题指南点这里 找单词 时间限制 1秒 内存限制 32768K 语言限制 不限 题目描述 给一个字符串和一个二维字符数组 如果该字符串存在于该数组中 则按字符串的字符顺序输出字符串每个字符所在单元格的
  • matlab newff函数弃用了,MATLAB神经网络函数NEWFF()新旧用法差异

    摘要 在Matlab R2010a版中 如果要创建一个具有两个隐含层 且神经元数分别为5 3的前向BP网络 使用旧的语法可以这样写 net1 newff minmax P 5 3 1 注意minmax 函数的使用 还有对输出层神经元数 1
  • 论文笔记:用于动态薄膜干涉测量的高光谱成像《Hyperspectral imaging for dynamic thin film interferometry》

    论文地址 Hyperspectral imaging for dynamic thin film interferometry Scientific Reports 目录 论文简介 阻因 现有方法及缺陷 文章贡献 理论依据 实验 实验结果与
  • php curlopt_header,php curl中CURLOPT_HTTPHEADER 这个参数的含义

    php curl中CURLOPT HTTPHEADER 这个参数的含义是 CURLOPT HTTPHEADER 一个用来设置HTTP头字段的数组 Content Type 表示后面的文档属于什么MIME类型 charset表示浏览器可接受的
  • Unity之使UI显示在最上层

    一 原理 Camera Depth 摄像机深度 深度值越小 越浅 越浮于表面 越近 前 Sorting Layer 排序层级 Order In Layer 在排序层中的层级 Render Queue 在Shader中对Tags的Queue进
  • 哗啦啦收银系统配置

    步骤 一 安装哗啦啦收银系统二 安装小票驱动三 创建店铺 进入收银系统 详情请参考我的个人博客 哗啦啦系统后台新增店铺 四 修改打印机模板五 修改打印机名称 准备 小票驱动 安装包 打印模板 功能包 一 安装哗啦啦收银系统 二 安装小票驱动
  • Python IDLE的下载,安装与使用教程

    本次是windows下的IDLE Linux IDLE是没有的 可以直接使用相应的Python 解释器 首先我们现在先进入Python的官网 https www python org 去下载一个Python IDLE程序安装包 找到Down
  • JDBC编码六步走

    JDBC介绍 Java Database Connectivity 简称JDBC 是Java语言中用来规范客户端程序如何来访问数据库的应用程序接口 JDBC的本质 JDBC是SUN公司制定的一套连接数据库的接口 interface 而接口都
  • 关于 HTTP GET/POST 请求参数长度最大值的一个理解误区

    1 Get方法长度限制 Http Get方法提交的数据大小长度并没有限制 HTTP协议规范没有对URL长度进行限制 这个限制是特定的浏览器及服务器对它的限制 如 IE对URL长度的限制是2083字节 2K 35 下面就是对各种浏览器和服务器
  • numpy+matplotlib画正余弦函数图像

    coding utf 8 import matplotlib pyplot as plt import numpy as np import math x np arange 0 10 0 1 print x size y1 np zero
  • chatGPT的优点

    ChatGPT 的优点有以下几点 语言能力强 ChatGPT 是一个大型的语言模型 它能够理解和生成多种语言 具有很强的语言处理能力 记忆力强 ChatGPT 被训练过大量的文本数据 因此它对文本的记忆力也很强 能够快速回答用户的问题 智能
  • PageHelper分页原理(源码)

    PageHelper分页原理 PageHelper是我们经常使用的一个分页插件 之前咱们一直处于使用阶段的 今天咱们去探究一下其中的原理 SQL语句实现分页查询知识 就不在赘述了 LIMIT i a i 是指查询的索引值 默认是0 a 是指
  • CH7-IO

    实验7 1 批量操作文件功能 任务介绍 1 任务描述 在日常工作中 经常会遇到批量操作系统文件的事情 通常情况下 只能手动重复的完成批量文件的操作 这样很是费时费力 本案例要求编写一个文件管理器 实现文件的批量操作 文件管理器具体功能要求如
  • mysql架构与存储引擎

    文章目录 一 MySQL体系架构 1 1 网络连接层 1 2 服务层 MySQL Server 1 3 存储引擎层 Pluggable Storage Engines 1 4 系统文件层 File System 1 4 1 日志文件 1 4
  • 【云原生•监控】基于Prometheus实现自定义指标弹性伸缩(HPA)

    云原生 监控 基于Prometheus实现自定义指标弹性伸缩 HPA 什么是弹性伸缩 Autoscaling即弹性伸缩 是Kubernetes中的一种非常核心的功能 它可以根据给定的指标 例如 CPU 或内存 自动缩放Pod副本 从而可以更
  • 蓝牙之二十-设备类型

    蓝牙设备在扫描时会发现设备的类型 蓝牙图标有耳机 打印机 电话等等 蓝牙协议栈里有一个叫做基带的字段 基带的分配编号指明查询访问码和设备 服务类别 CoD 字段 通用及设备特定的查询访问码 DIAC 查询访问码 IAC 是寻找蓝牙设备和服务
  • document.documentElement.scrollTop(获取滚动条位置)

    document documentElement scrollTop 收集关于scrollTop信息 要获取当前页面的滚动条纵坐标位置 用 document documentElement scrollTop 而不是 document bo