怎么获取页面中按钮控件距离头部的距离啊
日期：2014-05-16 浏览次数：20295 次
如何获取页面中按钮控件距离头部的距离啊？
我在网上找的是offsetTop，但这个是获取与它的上一个控件的距离
------解决方案--------------------
直接用object.style.top
------解决方案--------------------
------解决方案--------------------
哦 不对 我这个是距离页面顶部 。
------解决方案--------------------
我在网上找的是offsetTop，但这个是获取与它的上一个控件的距离
------解决方案--------------------
直接用object.style.top
------解决方案--------------------
function getScrollTop () {
var scrollPos;
if (window.pageYOffset) {
scrollPos = window.pageYOffset;
}
else if (document.compatMode && document.compatMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (document.body) {
scrollPos = document.body.scrollTop;
}
return scrollPos;
}
------解决方案--------------------
哦 不对 我这个是距离页面顶部 。
------解决方案--------------------
/**
* 设置元素的左偏移量
* type function
* @param {Object} element 对应的元素
*/
function getElementLeft(element){
var actualLeft = element.offsetLeft;
var current = element.offsetParent;
while (current != null){
actualLeft += current.offsetLeft;
current = current.offsetParent;
}
return actualLeft;
}
/**
* 设置元素的上偏移量
* type function
* @param {Object} element 对应的元素
*/
function getElementTop(element){
var actualTop = element.offsetTop;
var current = element.offsetParent;
while (current != null){
actualTop += current.offsetTop;
current = current.offsetParent;
}
return actualTop;
}
/**
* 得到元素的rect
* type function
* @param {Object} element 对应的元素
*/
function getBoundingClientRect(element){
var scrollTop = document.body.scrollTop
------解决方案--------------------
document.documentElement.scrollTop;
var scrollLeft = document.body.scrollLeft
------解决方案--------------------
document.documentElement.scrollLeft;
//判断支不支持getBoundingClientRect方法
if(element.getBoundingClientRect()){
//去除不同浏览器的2px的bug
if(typeof arguments.callee.offset != "number"){
var temp = document.createElement("div");
temp
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
