显示相对于Href元素的Div
Display Div relative to Href element
需要根据href元素在页面中的位置来定位div。我目前拥有的代码在我运行IE8的机器上运行。相同的代码在具有相同配置的另一台计算机上不起作用。请帮助
顺便说一句,div是绝对的位置,在javascript中我们有:
divobj.style.left=事件.x-185;divobj.style.top=事件.y-5;
尝试使用此函数。
function getElementPosition(element) {
var x = 0; var y = 0;
while(element !=null ) {
x += element.offsetLeft || 0;
y += element.offsetTop || 0;
element = element.offsetParent;
if (!element || element.style['position'] == 'relative' || element.tagName == 'BODY') break;
}
return {'x':x, 'y':y};
}
它将重新运行链接元素的位置,但您必须将该元素作为参数传递给此函数。
解决方案可能很简单,只需添加一个测量单位,例如:
divobj.style.left = event.x - 185 + 'px'; divobj.style.top = event.y - 5 + 'px';
一些浏览器将"px"作为度量单位;其他人不做假设,因此对他们认为无效的值不采取任何行动。
相关文章:
- 循环对象时更新页面上的DIV元素
- 单击javascript按钮显示/隐藏Div元素
- Javascript 在提交时禁用 Div 元素
- 在 AJAX 调用中发送 DIV 元素的 ID
- 使用JavaScript函数添加多个DIV元素
- 如果在Div元素外部单击,请关闭该元素
- 如何使用CSS3/JavaScript缩放DIV元素及其子元素以适应父元素
- 将DIV元素绑定到溢出滚动条
- 如何切换DIV元素的可见性
- 使用jQuery/JS向上/向下切换DIV元素
- Div元素并没有引导点击以启用拖动功能
- 按百分比定位 Div 元素
- Javascript在秒消失时显示DIV元素,并在此之后隐藏栏的选项
- 切换复选框 - 单击父 DIV 元素
- 图像/DIV 元素切换全屏
- 滚动 DIV 元素的特定滚动条
- 如何使用 id 删除 JavaScript 中的 Div 元素
- 鼠标滚轮滚动 DIV 元素
- 从单个 Div 元素中删除单击事件
- 如何使用 JavaScript 动态设置 DIV 元素的左侧和顶部 CSS 位置