js或jquery获取按钮距浏览器顶部距离 如何获取元素距离页面顶部的高度

js或jquery获取按钮距浏览器顶部距离

jquery获取元素到页面顶部距离的语句为：
$(selector).offset().top
下面是例子：

那么 $("#footer_keleyi_com").offset().top 就是元素到页面顶部的距离。

如何获取元素距离页面顶部的高度

页面元素距离浏览器工作区顶端的距离  =  元素距离文档顶端偏移值  -   网页被卷起来的高度  
即：
页面元素距离浏览器工作区顶端的距离 =  DOM元素对象.offsetTop -document.documentElement.scrollTop

介绍几个属性：（暂时只测了IE和firefox，实际上工作中用到的最多的是chrome）
网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度）
(javascript)        document.documentElement.scrollTop //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 //IE firefox
(javascript)        DOM元素对象.offsetLeft //IE firefox
(jqurey)             jq对象.offset().top
(jqurey)             jq对象.offset().left

如何用jquery获得页面元素到窗口顶部的距离？

需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的标签，输入jquery代码：
$(body).append($(div).offset().top - $(window).scrollTop())


3、浏览器运行index.html页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

js中如何获取某个元素到浏览器最左和最右的距离

js中获取某个元素到浏览器最左和最右的距离的程序代码是：