位置: 编程技术 - 正文

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

编辑:rootadmin
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等差别介绍,希望有所帮助,仅作参考,欢迎阅读内容。

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

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

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

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

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

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

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

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

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络