HTML元素位置
来源:互联网 发布:java代码基础 编辑:程序博客网 时间:2024/04/30 01:45
1、offsetParent、offsetLeft、offsetTop、offsetWidth、offsetHeight
offsetParent — 元素的第一级拥有定位属性(static/absolute/relative/fixed)的父元素。
offsetLeft / offsetTop — 元素boder外侧,到其offsetParent的border内侧的偏移量(offsetLeft为横向偏移量;offsetTop为纵向偏移量)。
offsetWidth / offsetHeight — 元素的宽度和高度(包括边宽border-width、内边距padding)(offsetWidth为宽度;offsetHeight为高度)
2、clientHeight、clientWidth
clientHeight / clientWidth — 元素的宽度和高度(包括内边距padding)(clientWidth为宽度;clientHeight为高度)
注:clientHeight与offsetHeight的区别是:clientHeight不包括边宽
3、scrollHeight、scrollWidth、scrollTop、scrollLeft
scrollHeight — 滚动元素内部内容的高度(包括外边距margin、边宽border-width、内边距padding;IE8只包括margin-top,不包括margin-bottom)。比如有如下的代码,则scrollDiv的scrollHeight = contentDiv的高度1000 + 边宽3*2 + 外边距3*2 + 内边距1*2 = 1000 + 6 + 6 + 2 = 1014:
<div style="width:100px;height:100px;overflow:scroll;border:2px solid red;" id="scrollDiv"> <div id="contentDiv" style="width:10px;height:1000px;border:3px solid blue;margin:3px; padding:1px"></div> </div>
scrollWidth —— 滚动元素内部内容的宽度(包括外边距margin、边宽border-width、内边距padding;IE8只包括margin-top,不包括margin-bottom)。和scrollHeight类似
scrollTop —— 滚动元素内部内容被滚动到上边框以外不可见区域的内容高度。
scrollLeft —— 滚动元素内部内容被滚动到左边框以外不可见区域的内容宽度。
- HTML元素位置
- html 元素位置信息总结
- HTML 元素位置的设置
- jquery获取html元素位置
- html元素大小与位置讲解
- 获取Html元素在页面中的绝对位置及问题
- 获取HTML元素的真正位置与大小
- html元素位置,获取对象的绝对坐标
- 支持拖放html元素并保存位置的js脚本
- 获取Html元素在页面中的绝对位置及问题
- js在html特定位置添加dom元素
- 在Html中元素的相对位置的获取
- jquery获取html元素的绝对位置和相对位置的方法
- jquery获取html元素的绝对位置和相对位置的方法
- JavaScript中提供获取HTML元素位置的属性: http://www.csser.com/html/csser/webstandards/200704/13/1776.html
- JS 元素位置 取得位置
- HTML 元素
- HTML元素
- Android中的警告
- web.py 【自留备份】
- zoj 1109 Language of FatMouse
- ubuntu12.04 PPA 安装 java7
- Java IO流学习总结
- HTML元素位置
- hdu 4671 Partition(DP,整数划分,5级)
- C printf()与RETAILMSG()的区别
- 自己封装的一个基于ios的一个折叠tableView
- crash read error: kernel virtual address
- POJ 3358 Period of an Infinite Binary Expansion(欧拉定理)
- hdu 4647 Another Graph Game
- eclipse导出jar(java打包导出jar)
- 试试功能-。-