offset,offsetTop
来源:互联网 发布:杭州城市数据大脑 编辑:程序博客网 时间:2024/06/03 21:11
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
div {padding: 40px 50px;}
#div1 {background: red;}
#div2 {background: green; position: relative;}
#div3 {background: orange; position: relative;}
</style>
<script>
window.onload = function() {
var oDiv3 = document.getElementById('div3');
/*
元素.offsetLeft[Top] : 只读 属性 当前元素到定位父级的距离(偏移值)
到当前元素的offsetParent的距离
如果没有定位父级
offsetParent -> body
offsetLeft -> html
如果有定位父级
ie7以下:如果自己没有定位,那么offsetLeft[Top]是到body的距离
如果自己有定位,那么就是到定位父级的距离
其他:到定位父级的距离
*/
alert( oDiv3.offsetTop );
}
</script>
</head>
<body id="body1">
<div id="div1">
<div id="div2">
<div id="div3"></div>
</div>
</div>
</body>
</html>
- offset,offsetTop
- offsetTop和offset().top
- offsetTop与offset().top
- .offset().top 与 .offsetTop
- 理清offsetparent()、offsetLeft/offsetTop、offset()、position()
- js中offsetLeft/offsetTop与jq中offset().left/offset().top的区别
- js中offsetLeft/offsetTop与jq中offset().left/offset().top的区别
- 滚动到顶部、offset()、.offset().top、offsetTop、 .scrollTop、.scrollHeight、.clientHeight等相关比较
- offsetTop
- HTML中常见的各种位置距离(clientTop clientLeft clientWidth ClientHeight offsetleft offsettop offsetwidth offset
- offset
- offset
- offset
- offsetTop (转)
- offsetTop(转)
- offsetTop、clientTop、scrollTop、offsetTop定义
- offsetTop、clientTop、scrollTop、offsetTop属性介绍
- offset 宏
- C# WINFORM 动态验证码实现
- 华为OJ—扑克牌大小
- hdu1863畅通工程 最小生成树 Kruskal算法
- Android放大镜的使用
- Dragger2使用心得笔记
- offset,offsetTop
- android软键盘的隐藏以及Edittext的焦点问题
- Java 构造器调用构造器之“找不到符号”
- 关于hibernate一个uuid和timestamp的映射问题
- zookeeper如何实现分布式锁(羊群效应)
- C# 合并及拆分Word文档
- HDU 2196
- 如何设置tomcat 7最大连接数 、最大并发连接数?
- Linux : timerfd