javascript - 是否有接近位置 : Relative-Fixed? 的任何东西

Question

我有一个站点，elemovements.com，在该站点的主页上，您可以单击以查看新闻文件，然后会出现一个小弹出窗口。我利用了 jQuery Waypoints，这样当滚动时，弹出窗口将跟随您向下滚动页面。不幸的是，按照我设置它的方式，我用 CSS 设置了它的位置样式，这在我使用的分辨率下可以正常工作。不幸的是，并不是每个人都使用 1600x900。我的问题是(而且我知道 CSS 中没有这样的东西):是否有任何方法可以让一个元素固定定位到另一个元素相对？在我的代码中，我创建了一个 JavaScript 对象，它处理这个名为 objArchive 的存档弹出窗口的大部分操作，并在其中创建了一个名为 getRight() 的函数，每当有人在合适的条件下滚动或调整大小时，我试图用它来补救这种情况状况。 las，我无法让它工作。可以看看本站here以及它的大部分代码 here .谁能帮忙，我一定会在代码注释里给你点赞:)

顺便说一下，要打开它，请查看标题栏右侧的“最新消息”框，其中将有一个“存档”链接。谢谢!

Answer 1

当您使元素固定 时，它会相对于浏览器窗口定位它，并且仅定位于浏览器窗口。但是，由于您的网站是居中的，因此您将窗口的中心作为一个常数，并且可以相对于该中心线定位它。如果你给你的 .sticky 类这些规则，你就会有你正在寻找的位置。

.sticky {
  position: fixed !important;
  right: 50% !important;
  margin-right: -592px;
}

这些规则定位 .sticky 元素，使其右边缘位于浏览器宽度的中心线，然后将其向右移动 592 像素(这是容器宽度的一半 +元素的宽度)。