当前位置：文江博客话题详情

力“位置：绝对”相对于文档而不是父容器

发布于 2024-11-26 18:55:32 字数 113 浏览 1 评论 0原文

我试图将 div 插入正文的任何部分，并使其 position:absolute 相对于整个文档，而不是具有 position:relative 的父元素。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

怪我闹别瞎闹 2024-12-03 18:55:32

您正在寻找position:fixed。

来自 MDN：

固定定位与绝对定位类似，不同之处在于元素的包含块是视口。这通常用于创建即使在滚动页面后也保持在同一位置的浮动元素。

请注意它不起作用当...

(...) 它的祖先之一将 transform、perspective 或 filter 属性设置为 之外的其他属性无。

回复收藏 0 原文

始于初秋 2024-12-03 18:55:32

您必须将 div 放置在 position:relative 元素之外并放入 body 中。

回复收藏 0 原文

伴梦长久 2024-12-03 18:55:32

我的解决方案是使用 jQuery 将 div 移出其父级：

<script>
    jQuery(document).ready(function(){
        jQuery('#loadingouter').appendTo("body");
    });
</script>

<div id="loadingouter"></div>

My solution was to use jQuery for moving the div outside its parent:

<script>
    jQuery(document).ready(function(){
        jQuery('#loadingouter').appendTo("body");
    });
</script>

<div id="loadingouter"></div>

回复收藏 0 原文

慕烟庭风 2024-12-03 18:55:32

如果您不想将元素附加到 body，则可以使用以下解决方案。

我来到这个问题寻找一个无需将 div 附加到主体的解决方案，因为我有一个鼠标悬停脚本，我想在鼠标悬停在新元素和生成它的元素上时运行该脚本。只要您愿意使用 jQuery，并受到 @Liam William 的回答的启发：

var leftOffset = <<VALUE>>;
var topOffset = <<VALUE>>;
$(element).css("left", leftOffset - element.offset().left);
$(element).css("top", topOffset - element.offset().top);

此解决方案的工作原理是减去元素当前的左侧和顶部位置（相对于主体），从而将元素移动到 0, 0。无论您想要相对于主体的任何位置，都只需添加左侧和顶部偏移值即可。

If you don't want to attach the element to body, the following solution will work.

I came to this question looking for a solution that would work without attaching the div to the body, because I had a mouseover script that I wanted to run when the mouse was over both the new element and the element that spawned it. As long as you are willing to use jQuery, and inspired by @Liam William's answer:

var leftOffset = <<VALUE>>;
var topOffset = <<VALUE>>;
$(element).css("left", leftOffset - element.offset().left);
$(element).css("top", topOffset - element.offset().top);

This solution works by subtracting the element's current left and top position (relative to the body) so as to move the element to 0, 0. Placing the element wherever you want relative to the body is then as simple as adding a left and top offset value.

回复收藏 0 原文