如何获得document的scrollLeft和scrollTop

最新推荐文章于 2022-09-28 19:24:03 发布
原创 最新推荐文章于 2022-09-28 19:24:03 发布 · 300 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个JavaScript函数getDocScrollLength，该函数用于获取浏览器窗口的滚动宽度或高度。它通过检查window对象的pageXOffset和pageYOffset属性以及document对象的scrollLeft和scrollTop属性来实现这一目标。 
	getDocScrollLength : function(name) {
		var arr = name == 'Width' ? ['pageXOffset' , 'scrollLeft'] : ['pageYOffset' , 'scrollTop'];
		return window[arr[0]] || $pop.boxModel && document.documentElement[arr[1]] || document.body[arr[1]] ;
	}

 

关于scrollLeft,scrollTop的浏览器兼容性测试
09-05
在标准模式下，`scrollLeft` 和 `scrollTop` 可以通过 `document.documentElement` 或 `document.body` 访问。然而，不同的浏览器可能有不同的行为： 1. **IE7+** 和 **Firefox** 在标准模式下通常使用 `document....
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)（2）
10-19
它通过检查`document.documentElement`和`document.body`的`scrollTop`和`scrollLeft`属性来实现。接着，`getScrollPos`函数用于获取当前的滚动位置。 在拖拽开始时（`onmousedown`事件），记录下初始的鼠标位置和...
document.documentElement.scrollLeft 与document.body.scrollTop区别
suxue1994的博客
03-01 4861
问题描述 针对获取页面的垂直滚动条的位置，IE Firefox Opera 标准模式下使用 document.documentElement.scrollLeft 获取页面的水平滚动条位置，而混杂模式下则是使用 document.body.scrollLeft。Chrome Safari 在两种文档模式下均使用 document.body.scrollLeft 获取页面...
JS：document.documentElement对象的clientWidth、offsetWidth、scrollWidth、clientLeft、offsetLeft、scrollLeft
热门推荐
鬼眼邪神
05-10 2万+
document.documentElement.clientWidth 获取浏览器窗口文档显示区域的宽度，不包括滚动条。 document.documentElement.clientHeight 获取浏览器窗口文档显示区域的高度，不包括滚动条。 浏览器兼容性 所有浏览器解释都一样。 document.documentElement.offsetWidth 获取DOM文档的根节点html元素对象
Jquery知识总结（2）
Honoi的博客
08-05 343
一.相关尺寸设置与获取以及滚动事件 1.获取和设置元素的尺寸 width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height outerWidth()、outerHeight() 包括padding和border的width和height outerWidth(true)、...
JS 中关于document和window对象的一些值： scrollHeight,scrollLeft,scrollTop,scrollWidth等。。
前端端的博客
07-17 650
昨天写了个浏览器窗口有滚动条的拖拽，发现自己对这些值实在不熟悉，今天一边调试一边来找到出答案。 1.document.documentElement.clientHeight : 可视区域的高度  (documentElement可以用body替换，值相同)** 2.document.documentElement.offsetHeight :与上相同 （width属性也一样，但换成bod
ie中关于document.body.scrollLeft总是0的原因
逸雨涵梦的专栏
09-24 2617
凡是页面顶部声明为： DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">    的情况下，document.body要改为document.documentElem
什么是scrollLeft和scrollTop？
11-25
scrollLeft和scrollTop是JavaScript中用于获取或设置元素在滚动区域内的水平和垂直滚动位置的属性。 scrollLeft属性返回元素在水平方向滚动条滚动的像素数，而scrollTop属性返回元素在垂直方向滚动条滚动的像素数。...
scrollLeft,scrollTop等等详解[定义].pdf
10-12
在软件开发中，特别是在Web开发领域，理解和使用`scrollLeft`、`scrollTop`以及相关的DOM元素属性至关重要。这些属性主要用于处理网页元素的滚动位置和尺寸，对于创建动态、响应式的用户界面有着重要的作用。 首先...
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
w997621897的博客
03-31 989
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth  scrollHeight: 获取对象的滚动高度。  scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  scrollWidth:获取对象的滚动宽度  offs
document.documentElement.scrollTop
weixin_44283589的博客
08-05 8184
在标准的w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;js中每个载入浏览器的HTML文档都会成为Document对象，documentElement 对应的是 html 标签，如果发现两个高度不一样，是css设置的问题，你的html高度不一定高于body。用body查看，其中clientHeight即为body的css高度，而不是：document.body.scrollTop;...
document.documentElement.scrollLeft 与document.body.scrollTop区别
笨鸟快飞的专栏
06-07 6146
问题描述 针对获取页面的垂直滚动条的位置，IE Firefox Opera 标准模式下使用 document.documentElement.scrollLeft 获取页面的水平滚动条位置，而混杂模式下则是使用 document.body.scrollLeft。Chrome Safari 在两种文档模式下均使用 document.body.scrollLeft 获取页面的水平滚动条位置。 同理
滚动高度和位置
qq_53245972的博客
09-28 1773
js 滚动高度和位置，返回顶部，导航栏固定案例
收集关于scrollTop信息
weixin_30678349的博客
04-13 463
要获取当前页面的滚动条纵坐标位置，用： document.documentElement.scrollTop; 而不是： document.body.scrollTop; documentElement 对应的是 html 标签，而 body 对应的是 body 标签。在标准w3c下，document.body.scrollTop恒为0，需要用doc...
document.documentElement.scrollTop(获取滚动条位置,超细)
qq_61686552的博客
06-21 4029
document.documentElement.scrollTop的使用方法还有解释
document.body.scrollLeft的兼容方法
zeyu1021的专栏
05-05 1469
function getScrollXY(){ var x,y; if(document.body.scrollTop){ x=document.body.scrollLeft; y=document.body.scrollTop; } else{ x=document.documentElement.scrollLeft; y=document.documentElement.s
JavaScript 获取ScrollTop/ScrollLeft的函数封装
houyanhua1的专栏
03-15 1025
第一种方式.html（复杂方式）：<html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { height: 5000px;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值