js函数收藏

最新推荐文章于 2025-09-11 21:03:21 发布

weixin_33781606

最新推荐文章于 2025-09-11 21:03:21 发布

阅读量66

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/lirongfei/blog/465028

本文介绍了一种JavaScript方法，用于获取页面上任意元素相对于页面的精确偏移值，包括顶部、底部、左侧和右侧的位置坐标。该方法适用于多种浏览器环境，并考虑到了不同浏览器之间的兼容性差异。

2019独角兽企业重金招聘Python工程师标准>>>

获取元素相对于页面的偏移值
_getElementRect = function(e) {
	var bounds;
	try { bounds = e.getBoundingClientRect(); } // this can fail on disconnected DOM elements in IE9
	catch (err) { bounds = {top: e.offsetTop, left: e.offsetLeft, width:e.offsetWidth, height:e.offsetHeight}; }

	var offX = (window.pageXOffset || document.scrollLeft || 0) - (document.clientLeft || document.body.clientLeft || 0);
	var offY = (window.pageYOffset || document.scrollTop || 0) - (document.clientTop  || document.body.clientTop  || 0);

	var styles = window.getComputedStyle ? getComputedStyle(e,null) : e.currentStyle; // IE <9 compatibility.
	var padL = parseInt(styles.paddingLeft)+parseInt(styles.borderLeftWidth);
	var padT = parseInt(styles.paddingTop)+parseInt(styles.borderTopWidth);
	var padR = parseInt(styles.paddingRight)+parseInt(styles.borderRightWidth);
	var padB = parseInt(styles.paddingBottom)+parseInt(styles.borderBottomWidth);

	// note: in some browsers bounds properties are read only.
	return {
		left: bounds.left+offX+padL,
		right: bounds.right+offX-padR,
		top: bounds.top+offY+padT,
		bottom: bounds.bottom+offY-padB
	}
}

转载于:https://my.oschina.net/lirongfei/blog/465028