获得el所在的第一级zoom父元素的zoom值及该父元素left/top偏移量

/*
		 * 获得el所在的第一级zoom父元素的zoom值及该父元素left/top偏移量
		 * @param {htmlEl} el 目标元素
		 * @return {Object}
		 * <p>Object.value {Number} 默认-1</p>
		 * <p>Object.top {Number} 父元素的offsetTop + 顶部空白 </p>
		 * <p>Object.left {Number} 父元素的offsetLeft + 左边空白 </p>
		 */
		getZoomArgs : function(el) {
			// 标示缩放的css属性
			var zoomPer, undefinedPer = 'none';
			if(S.UA['firefox']) {
				zoomPer = '-moz-transform';
			} 
			else if(S.UA['ie']) {
				if(S.UA['ie'] == 9) {
					zoomPer = '-ms-transform';
				} else {
					zoomPer = 'zoom';
					undefinedPer = 'normal';
				}
			}
			else {
				zoomPer = '-webkit-transform';
			}
			
			// 获得el所在的第一级zoom父元素的zoom值及该父元素left/top偏移量。
			var zoomArgs = $(el).parents().map(
				function(index, el) {
					if($(el).css(zoomPer) != undefinedPer) {
						var ret;
						if(S.UA['ie'] && S.UA['ie']<9) {
							ret = {
								value : el.style.zoom || -1,
								top : $(el).offset().top + $(el).children().first().offset().top,
								left : $(el).offset().left + $(el).children().first().offset().left
							};
						} else {
							var temp = $(el).css(zoomPer),
								start = temp.indexOf('(') + 1,
								end = temp.indexOf(',');
							ret = {
								value : temp.substring(start, end) || -1,
								top : $(el).offset().top + $(el).children().first().offset().top,
								left : $(el).offset().left + $(el).children().first().offset().left
							};
						}
						return ret;
					}
				}
			).get(0);
			return zoomArgs;
		}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值