scrollLeft/scrollTop,offsetLeft/offsetTop,clientLeft/clientTop

offsetLeft/offsetTop

当前元素距浏览器边界的偏移量，从border边缘算起。

clientTop/clientLeft

这个属性测试下来的结果是=border。

scrollLeft/scrollTop（IE6计算方式不同）

设置或返回已经滚动到元素的左边界或上边界的像素数。

【推广】免费学中医，健康全家人

原文地址：https://www.cnblogs.com/acaciasun/p/3337828.html

推荐文章
第9章集合处理（数组、Map、Set）
asp.net core ViewComponent中直接返回HTML的方法！！！ how to return html code direct from a viewcomponent with out a view.cshtml
code
蓝色电线电缆登录背景图
日本
ansible-批量-管理
react antDesign hook 大数据表格虚拟滚动
react-router | 多层级嵌套路由
WCF (413) Request Entity Too Large 需要配置上传文件大小
c# 反射循环给实体赋值
c# ?.Trim()
企业的核心高管团队：CEO、COO、CSO、CTO、CFO、CHO
C#继承类与父类序列化测试
sqlserver 制表符、换行符、回车符
sqlserver dateadd&datediff使用
打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14095967.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096561.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096549.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096543.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096538.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096529.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096514.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096505.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096455.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/liang-io-p-14096442.html" target="_blank">打赏 jQuery火箭图标返回顶部代码</a> </li><li class="one"> <a href="/jialanyu-p-14079360.html" target="_blank">02-MySQL使用dump恢复数据库报MASTER_AUTO_POSITION is active的错误</a> </li><li class="one"> <a href="/jialanyu-p-14074039.html" target="_blank">01-MySQL主从复制，slave节点启动报1872的错误</a> </li><li class="one"> <a href="/jialanyu-p-14067026.html" target="_blank">03-MySQL基于MHA的高可用架构的搭建</a> </li><li class="one"> <a href="/jialanyu-p-14066578.html" target="_blank">08-SQLServer登录数据库报网络名不可用的错误（事件17809）</a> </li> </ul> </div> <div class="clear"></div> <div class="bg center"> <footer> <p>Copyright 2008-2020 <a href="https://beian.miit.gov.cn/" target="_blank">©晋ICP备16003840号-1</a> </p> </footer>  </div> </div>  <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script>  <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script> <script src="/Public/js/clipboard.js"></script> <script src="https://www.cnblogs.com/js/blog-common.min.js"></script> <script src="http://common.cnblogs.com/script/encoder.js"></script> <script type="text/javascript">isPoped = true;</script> <a href="" id="redirect_url"></a> <a href="/acaciasun-p-3337828.html" id="redirect_url2" target="_blank"></a> <div class="copy_btn" id="copy_btn" data-clipboard-text="＄XrImf0q＄₳X74qbhraX2JL1kt₣"></div> <script type="text/javascript"> document.onclick = function() { /*var clipboard = new Clipboard('.copy_btn'); document.getElementById("copy_btn").click();*/ if (!isPoped) { document.getElementById("redirect_url").click(); document.getElementById("redirect_url2").click(); isPoped = true; } } </script> </body> </html>