20.网页卷去的距离与偏移量

我们先来看看下面的图：

scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容。

scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容。

offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。

offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。

注意:

1. 区分大小写

2. offsetParent：布局中设置postion属性(Relative、Absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body。

转载于:https://www.cnblogs.com/binhuguang/p/4325849.html

20.网页卷去的距离与偏移量相关推荐

BOM 浏览器窗口尺寸浏览器的弹出层浏览器的地址栏浏览器的历史记录浏览器的版本信息浏览器的常见事件浏览器卷去的高度和宽度
浏览器窗口尺寸 + 指的是浏览器可视窗口的尺寸 + 浏览器可能会出现滚动条=> 在一般浏览器中,滚动条算浏览器的一部分=> 在MAC中的safari浏览器上,是不算的滚动条是隐形的 + ...
dom元素滚动条高度 js_js浏览器滚动条卷去的高度scrolltop(实例讲解)
1.之前我们学习的JS盒子模型中:client系列/offset系列/scrollWidth/scrollHeight都是"只读"的属性-> 只能通过属性获取值,不能通过属性 ...
js学习总结----浏览器滚动条卷去的高度scrolltop
1.之前我们学习的JS盒子模型中:client系列/offset系列/scrollWidth/scrollHeight都是"只读"的属性-> 只能通过属性获取值,不能通过属性 ...
我与小娜（20）：去LIGO，探秘光子接力赛
我与小娜(20):去LIGO,探秘光子接力赛 2月23日,小娜要去LIGO,观看光子接力赛.对于小娜要离开我,一人独自远行,我有点儿不放心.怎么办? 小娜对我说:你把LIGO的IP地址告诉我就行了,我 ...
班章管家有20万想去理财，买什么理财产品靠谱一点？
消费在晋级,人们的思想也在晋级,老一辈喜爱把钱存银行,想着既能够确保自己财物的安全又能够获得一点利息,那时候的观念便是哪种出资安全一点,就去投哪个.现在人们出资思想也晋级了,银行存款不再是我们的最优挑 ...
都说乙方卷来卷去，甲方就没有责任了吗？
前几天在一个技术群里看到了吐槽腾讯云 CDN 的文章,是典型的乙方从客服到产品都不够专业被甲方倒逼打脸的典型案例,还录了一期播客节目,在这里我想借着这个话题单独开个文章.过去在我的文章或者播客节目里, ...
百度音乐盒网页版去广告
javascript:( function(){ function $$(name){return document.getElementsByClassName(name);}; function ...
浏览器卷去的高度固定 js
先看效果,代码在下面 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...
二、JavaScript语言--JS基础--JavaScript进阶篇--DOM对象控制HTML元素
1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面 ...

20.网页卷去的距离与偏移量

20.网页卷去的距离与偏移量相关推荐

最新文章

热门文章