3 Star 18 Fork 7

杨得朝/web-test

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
js和jq中常见的各种位置距离之offsetLeft和position().left的区别.html 557 Bytes
一键复制 编辑 原始数据 按行查看 历史
杨得朝 提交于 2020-11-27 17:49 . 代码提交
<style>
* {
margin: 0;
padding: 0;
}
#parent {
position: relative;
padding: 10px;
margin: 30px;
background-color: #CCC;
border: solid 10px #fbc;
}
#child {
height: 200px;
width: 200px;
padding: 10px;
margin: 30px;
border: solid 10px #fbc;
background-color: #afb;
}
</style>
<body>
<div id="parent">
<div id="child">
</div>
</div>
<script src="js/jquery-1.7.2.min.js"></script>
<script>
var child = $("#child").get(0)
console.log(child.offsetLeft);
console.log($("#child").position().left);
</script>
</body>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/yangdechao_admin/web-test.git
git@gitee.com:yangdechao_admin/web-test.git
yangdechao_admin
web-test
web-test
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385