自己写的以及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
};
}
分享到:
相关推荐
ElementUI 2.X Axure rplib元件库,绝对齐全,超值不后悔
VUE admin 范例 后台管理 用户登录、管理框架 列表编辑 非常适合新手练手, 大家可以下载试试 代码绝对可以运行
JavaScript中提供获取HTML元素位置的属性: HTMLElement.offsetLeft HTMLElement.offsetHeight 但 是需要注意的是,这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置,而是相对于其父元素位置的相对...
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,...
当然,他们将控制 Elementor 的一切,因为“Esqueleto 模板”只是一个绝对空的模板,最低限度的工作,他们可以在其中表达自己的所有创造力。 让我们用你的设计作画! 在这空白的画布上亲爱的朋友。
这个小库增加了使用页面的绝对X / Y坐标查找元素的支持,尤其是当元素当前在页面上不可见时。 本机document.elementFromPoint()只会返回相对于当前可见视口的元素,如果元素在当前可见视口之外,则返回null 。 ...
一个绝对不完整的表达式引擎,它理解: 基本位置路径和节点测试。 位置谓词表达式。 比较和算术运算符。 函数调用。 一个绝对不完整的核心函数库。 将来,它有望成为对 ElementTree 对象进行操作的完全符合标准的...
我收集的Axure的各种元件库大合集,绝对超值,有element ui,ant design ,axureux, 收集与各大网站。现在一起打包。 我收集的Axure的各种元件库大合集,绝对超值,有element ui,ant design ,axureux, 收集与各大网站...
但是有一些要点可以创建自己的小库: 在我的情况下,滚动没有发生在窗口上,因为我有一个绝对定位的元素。 所以我需要传入要滚动的元素它在凉亭上。 我正在使用 webpack,其中 bower 不能很好地工作。 我现在需要它...
本文实例讲述了绝对定位元素被遮挡的解决方法。分享给大家供大家参考。具体方法如下: ie7下 绝对定位元素即使z-index值很高,如果其设置相对定位的父元素没有设置z-index值的话,其可能(这种可能性当然是布局存在...
绝对DOM元素原型插件。方法Element.prototype.hasClass //与jQuery等效Element.prototype.addClass //与jQuery等效Element.prototype.removeClass //与jQuery等效Element.prototype.toggleClass //与jQuery等效...
在 ie6 中如果一个浮动元素与绝对定位元素相邻的话,在某些情况下绝对定位元素将会消失。 产生原因: 只有当绝对定位元素的邻近浮动元素的宽度大于父层宽度减 3 时(即如果父层宽度是 300px,浮动元素的宽度大于 ...
laravel6和vue-element-admin结合的前后端分离项目模板。包含接口端、管理端、小程序和微信公众号端,绝对是你做外包或者自建项目的首选模板。模板内容包括基础的用户管理和权限管理、日志管理、集成第三方登录,...
Welcome to the book list program for book names.What would you like to do ?1. add an element to end of lis t2. add an element at a location 3. find an element by ...以上功能绝对完全实现,物有所值!!
hypermesh导入abaqus问题集(绝对原创——总结各种情况).pdf
<input type="file" id="importFile" /> <input type="button" onclick="upload()"/> [removed] function upload() { var filename = document.getElementById("importFile").value;...
此实现使用梯度不足的绝对节点坐标公式(ANCF)波束元素来建模细长波束。 这是两个节点元素,具有一个位置矢量和仅一个梯度矢量用作节点坐标。 因此,每个节点具有六个坐标:该节点处的全局位置向量的三个分量和...
这套系统采用vue+ionic+capacitor框架,是一套基于vue和ionic的入门系统,虽然是入门,但所用到的技术绝对是当今主流,后台依然采用《图书管理系统》的后台,没有任何变化。 本资源包包含:图书借阅app的vue源码、...