博客列表 >js获取页面元素距离浏览器工作区顶端的距离

js获取页面元素距离浏览器工作区顶端的距离

弘德誉曦的博客
弘德誉曦的博客原创
2019年04月23日 15:07:551023浏览

网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度)


(javascript)        

document.documentElement.scrollTop(offsetTop是元素的上边框与父元素的上边框的绝对距离。) //firefox


(javascript)        document.documentElement.scrollLeft //firefox


(javascript)        document.body.scrollTop //IE


(javascript)        document.body.scrollLeft //IE


(jqurey)             $(window).scrollTop() 


(jqurey)             $(window).scrollLeft()


 网页工作区域的高度和宽度  


(javascript)       document.documentElement.clientHeight// IE firefox       


(jqurey)             $(window).height()


 元素距离文档顶端和左边的偏移值  


(javascript)        DOM元素对象.offsetTop (offsetTop则是元素的上边框与父元素的上边框的绝对距离。)//IE firefox


(javascript)        DOM元素对象.offsetLeft //IE firefox


(jqurey)             jq对象.offset().top(元素距离文档顶端距离 !!!无兼容性问题)


(jqurey)             jq对象.offset().left


获取页面元素距离浏览器工作区顶端的距离


 页面元素距离浏览器工作区顶端的距离  =  元素距离文档顶端偏移值  -   网页被卷起来的高度  


即:


 页面元素距离浏览器工作区顶端的距离 =  DOM元素对象.offsetTop  -  document.documentElement.scrollTop


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议