js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍

发布时间：2024-02-27

ie(ie9,chrome,ff基本一致)中： offsetHeight(返回元素的高度和宽度，以像素为单位,包含内边距)： +4+4+3+3=（自身的高度+上下各为4的内边距+上下的各为3的border，注意不包括外边距） offsetWidth(返回元素的高度和宽度，以像素为单位,包含内边距)：、 +3+3+4+4= 同上 offsetLeft（返回当前元素的左边界到它的包含元素的左边界的偏移量，以像素为单位）: 2+3+1=6（ie6下为3）（父级div的内左边距2+父级div外左边距+3+子div左外边距+1，注意这里子div内边距是不会影响到offsetLeft）没有offsetRight的概念。 offsetTop（返回当前元素的上边界到它的包含元素的上边界的偏移量，以像素为单位。） 2+3+1=6(ie6下为2)道理和offsetLeft一样 scrollHeight(返回元素的完整的高度和宽度，以像素为单位。当一个元素拥有滚动条时（比如由于 CSS 的 overflow:scroll 属性,如果为hidden，得到的只是能显示文字所能看到的高度) （div的实际的高度，由里面的文字来决定,overflow:scroll ）如果overflow：hidden，就只有，其它的被隐藏了如果去调overflow,就是，为什么 overflow:scroll 却等于呢？因为还包含了滚动条的高度 scrollWidth：（和scrollheight道理一样) overflow:hidden值为(子div实际的宽度） overflow:scroll 值为（这里为什么会这样？难道不包括滚动条的宽度？）去掉overflow，值为 scrolltop(返回已经滚动到元素的左边界或上边界的像素数。只有在元素有滚动条的时候，例如，元素的 CSS overflow 属性设置为 auto 的时候，这些像素才有用。这些属性也只在文档的 <body> 或 <html> 标记上定义（这和浏览器有关），并且一起来制定滚动文档的位置。注意，这些属性并不会指定一个 <iframe> 标记的滚动量) 如果不拖动滚动条，默认的值为0； scrollLeft同上

推荐整理分享js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

JavaScript基本编码模式小结无论编写任何程序都会接触到编码风格，设计模式等概念，编码风格一般侧重于书写规范，而设计模式则偏向于程序架构设计。本文中笔者整理的这些

JavaScript学习笔记记录我的旅程 1、什么是JavaScript?(1)HTML只是描述网页长相的标记语言，没有计算，判断能力，如果所有计算，判断(比如判断文本框是否为空，判断两次密码是否输入一

JavaScript基础语法让人疑惑的地方小结 /*JS基础语法中，几个比较容易让人疑惑的地方。*//*=====*/functionde(){varab=;//数值varba="";//字符串if(ab==ba){//==，会先转换，后比对。//alert("b");}if(!(ab===ba))

标签: js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍

本文链接地址:https://www.jiuchutong.com/biancheng/380573.html 转载请保留说明！

上一篇：js split 的用法和定义 js split分割字符串成数组的实例代码(js中split方法的作用)

下一篇：JavaScript基本编码模式小结(javascript编程技术)