Javascript 将图元放置在窗口的右下角（不是视口）

我使用JavaScript将元素放置在屏幕上的某个位置（右下角）。调整页面大小时，我希望元素保持在右下角（视口外部）。相反，我看到它移动到视口的右下角

我怎样才能解决这个问题

我的窗口加载函数中有以下代码：

    $('MyElement').removeClass();
    $('MyElement').css("right", "20px");
    $('MyElement').css("bottom", "55px");
    $('MyElement').css("position", "fixed");

---

看起来我想要的是相反的，但是使用position:fixed并没有解决我的问题（我看到fixed和absolute都有相同的行为）。

您想要的是

position:absolute

，但是元素应该是body标记的直接子元素，以便它相对于body绝对定位。您可能还需要在body标签上添加

position:relative

东西{
位置：绝对位置；
右：20px；
底部：55px；
边框：1px纯红；
}
身体{
宽度：150vw；
高度：150vh；
位置：相对位置；
}

---

你好

您需要

位置：绝对

，但是元素应该是body标记的直接子元素，以便它相对于body绝对定位。您可能还需要在body标签上添加

position:relative

东西{
位置：绝对位置；
右：20px；
底部：55px；
边框：1px纯红；
}
身体{
宽度：150vw；
高度：150vh；
位置：相对位置；
}

---

你好您的jQuery可以大大简化：谢谢！从上周开始，我是JS新手：）您的jQuery可以大大简化：谢谢！从上周开始我对JS还不熟悉：）所以如果它现在在一个footer元素中，这将不起作用？如果footer元素是具有非静态定位的第一个祖先，这将起作用。如果任何元素是父元素、父元素，元素的etc不是静态的。我将看看是否可以重新构造它，以这种方式进行设置，并维护现有的功能。如果我做不到，这仅仅是一个获得创造性的问题，还是有一个标准的方法？@Cptn\u Hammer更新了答案，展示了如果您的元素有一个非静态位置的父/容器，如何做到这一点。请注意，如果offsetParent元素更改了位置（因为它的位置固定，或者某些东西更改了它的顶部/左侧），您也需要重新计算您的位置。因此，如果它当前位于页脚元素中，这将不起作用？如果footer元素是具有非静态定位的第一个祖先，这将起作用。如果元素的父元素、父元素等的任何元素定位为非静态的，这将变得非常棘手。我将看看是否可以重新构造它，以这种方式进行设置并维护现有功能。如果我做不到，这仅仅是一个获得创造性的问题，还是有一个标准的方法？@Cptn\u Hammer更新了答案，展示了如果您的元素有一个非静态位置的父/容器，如何做到这一点。请注意，如果offsetParent元素更改了位置（因为它的位置是固定的，或者某些东西更改了它的顶部/左侧），您也需要重新计算您的位置。