`
xiangzhengyan
  • 浏览: 126489 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

element绝对位置

    博客分类:
  • js
阅读更多
自己写的以及prototype.js中提供的方法,向上循环计算,在层次复杂的时候都计算不对
而my97的弹出的日期选择框,目前没发现问题,抽取如下,有空再整理

var pos = C(el);
//------------
function C (el) {
		
		var
		// F = $dp.position.left,
		// B = $dp.position.top,
		G = el.getBoundingClientRect(), $ = {
			"leftM" : 0,
			"topM" : 0
		},
		C = M(), 
		A = Y();
		// D = $dp.dd.offsetHeight,
		// _ = $dp.dd.offsetWidth;

		var B = A.top + $.topM + G.bottom;
		B += -1;

		var F = A.left + Math.min($.leftM + G.left, C.width - 5) - 2;

		return {
			top: B ,
			left: F
		}
	}

function M() {
		var _ = window["document"];
		_ = _["documentElement"] && _["documentElement"].clientHeight
			&& _["documentElement"].clientHeight <= _.body.clientHeight
			? _["documentElement"]
			: _.body;
		return {
			"width" : _.clientWidth,
			"height" : _.clientHeight
		};
	}

function() Y{
		var B = window["document"], 
		A = B["documentElement"], _ = B.body;
		B = (A && A.scrollTop != null && (A.scrollTop > _.scrollLeft || A.scrollLeft > _.scrollLeft))
			? A
			: _;
		return {
			"top" : B.scrollTop,
			"left" : B.scrollLeft
		};
	}




分享到:
评论

相关推荐

    获取元素绝对位置 position

    在前端开发中,获取元素的绝对位置是一个常见的需求,它涉及到网页布局和交互设计。"获取元素绝对位置 position"这个话题主要关注JavaScript中如何准确地定位DOM元素在页面中的坐标。这里,我们将深入探讨相关知识,...

    element-ui 离线资源

    3. **使用绝对路径**:另一种选择是将 CSS 中的相对路径改为绝对路径,这样无论 CSS 文件位于何处,都能准确找到字体文件。但这可能会影响代码的可移植性。 4. **配置 Webpack 或其他构建工具**:在项目中使用 ...

    JS中获取 DOM 元素的绝对位置实例详解

    在JavaScript中,获取DOM元素的绝对位置是一项常见的需求,特别是在实现动态效果如页面滚动和动画时。例如,创建像本文例中的左侧悬浮导航,需要精确地掌握元素在页面中的位置,以便在滚动过程中保持其固定位置。...

    DOM元素的绝对位置

    DOM元素的绝对位置对于实现动态效果、交互和定位至关重要。JavaScript提供了一种有效的方法来获取DOM元素在页面上的精确坐标,这在创建复杂的用户界面和动画时非常有用。 DOM元素的绝对位置指的是元素左上角相对于...

    js获取元素在浏览器中的绝对位置

    然而,要获取元素相对于浏览器视口的绝对位置,我们需要遍历元素的整个祖先链,累加每个父元素的`offsetTop`和`offsetLeft`值。这可以通过递归的方式来实现,如提供的代码所示: ```javascript // 获取元素的纵坐标...

    element-path:元素获取和查询的路径

    var element = document . querySelect ( 'a:nth-child(2)' ) var path = ep . get ( element ) console . log ( element === ep . query ( path ) ) // true var ep = new ElementPath ( { tags : 'textarea,...

    绝对定位和相对定位

    绝对定位则脱离了正常的文档流,元素的位置基于最近的已定位祖先元素(如果存在的话),否则将相对于初始包含块(通常是body)。设置`position: absolute;`后,我们可以使用`top`、`right`、`bottom`和`left`属性来...

    javascript 获取鼠标的绝对位置 event

    在JavaScript中,获取鼠标的绝对位置是常见的需求,特别是在实现交互式用户界面或者进行鼠标跟踪时。`event`对象是JavaScript中的一个内置对象,它包含了有关当前事件(如鼠标点击或移动)的各种信息,其中包括鼠标...

    解决Vue的项目使用Element ui 走马灯无法实现的问题

    这是因为在 webpack 中不能直接使用绝对路径引入本地图片,否则可能无法正确地识别和打包资源。 例如: ```javascript export default { data() { return { imageList: [ require('../assets/img/a1.png'), ...

    esqueleto:可与 Elementor 一起使用的 Wordpress 模板,绝对来自 scratc-开源

    当然,他们将控制 Elementor 的一切,因为“Esqueleto 模板”只是一个绝对空的模板,最低限度的工作,他们可以在其中表达自己的所有创造力。 让我们用你的设计作画! 在这空白的画布上亲爱的朋友。

    如何给element添加一个抽屉组件的方法步骤

    - 抽屉组件的定位是绝对定位(`position: absolute;`),需要确保组件位置覆盖在页面的其他内容之上。 - 通过`z-index`属性确保抽屉组件显示在页面最上层。 - 抽屉组件的宽度(`width`)、背景色(`background`)...

    element-from-absolute-point:支持使用页面的绝对 `X``Y` 坐标查找元素,特别是当元素当前在页面上不可见时

    这个小库增加了使用页面的绝对X / Y坐标查找元素的支持,尤其是当元素当前在页面上不可见时。 本机document.elementFromPoint()只会返回相对于当前可见视口的元素,如果元素在当前可见视口之外,则返回null 。 ...

    css-绝对定位的参考对象

    通过理解绝对定位的参考对象和工作原理,开发者可以更有效地控制网页元素的位置,实现复杂的布局设计。在实际项目中,结合相对定位和固定定位,可以创建出更具创新性和用户体验的网页。参考提供的`css_absolute_test...

    xpathlet:对 ElementTree 对象进行操作的纯 Python XPath 实现

    一个绝对不完整的表达式引擎,它理解: 基本位置路径和节点测试。 位置谓词表达式。 比较和算术运算符。 函数调用。 一个绝对不完整的核心函数库。 将来,它有望成为对 ElementTree 对象进行操作的完全符合标准的...

Global site tag (gtag.js) - Google Analytics