位置: 编程技术 - 正文

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))

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

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

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

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

  • 个人所得税是什么意思有什么用
  • 疫情期间公司买水
  • 暂估入库收到发票后怎么做分录
  • 公司注销前欠客户钱
  • 用友t3怎么结转本年利润
  • 员工加班餐费计入会计什么科目
  • 公司销售家电并购案例
  • 冲减管理费用是红字还是在贷方
  • 向税务局缴纳工伤保险费有发票吗
  • 委托加工合同如何标注多个地址
  • 城市维护建设税税率
  • 在建工程非应税项目有哪些?
  • 小规模纳税人多少钱不用交税
  • 发票代表收据吗
  • 营改增之后税务是否可以征收入库?
  • 建筑安装税务分类编码为多少?
  • 非独立核算的公司怎么报税
  • 账本印花税计税金额或件数怎么申报2023
  • 体检合同属于什么合同
  • 安装预算收入
  • 地下商铺出售产权归属
  • 公司发票限额按什么计算
  • 购入的汽车怎么入账
  • 公司注销后资产属于谁
  • 驾校如何用完工百分比法确认收入?
  • 飞机票本身包含保险吗多少钱
  • 分配水电费包括税费吗
  • php oci
  • linux中使用less命令分屏查看
  • phpstorm如何运行
  • php语言之mysql操作
  • php字符串赋值
  • 公司培训赔偿
  • gain_trickler_3202.exe 进程查询 gain_trickler_3202进程是什么文件
  • 海康威视网页插件下载
  • 工业企业成本核算方法
  • 微信小程序解决跨域问题
  • php与前端交互
  • 小程序开发定制
  • php_curl.dll
  • 促销赠品的会计处理
  • js继承方式及其优缺点
  • mongo 更新数据
  • 税务新法规
  • 会计自制原始凭证有哪些
  • Windows2003 SQL2005添加系统用户修改系统登录密码
  • 小微企业确定条件
  • 销项税进项税月末怎么处理
  • 总记账凭证核算怎么做
  • 费用暂估是什么意思
  • 主营业务收入主要反映企业销售商品或劳务获得的收入
  • 租赁公司账务科目
  • 非货币性资产交换和债务重组的区别
  • 提供劳务结转的成本计入什么科目
  • 运输费增值税专用发票
  • 成品油 规定
  • 如果一个sql语句中包括两个名字
  • 自动软件脚本
  • freebsd login
  • win10系统升级后c盘满了
  • 如何恢复ubuntu
  • linux 添加swap
  • RedHat Linux5.5下Oracle 11g安装图解教程
  • windows注销登录会怎样
  • xp系统设置共享显存
  • 845主板支持1t硬盘吗
  • centos7.6 iptables
  • 电脑升级到win11会卡吗
  • linux使用rpm安装软件
  • win7怎么禁用软件
  • 计算机图形学是什么专业
  • js中的函数
  • wifi显示开发状态
  • 安卓 游戏软件
  • javascript延迟执行
  • 在Html中使用Requirejs进行模块化开发实例详解
  • unity3drpg游戏
  • python自动翻译小工具
  • 网上怎么交车船税
  • 锂电池税收优惠政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设