有没有接近某个位置：相对固定？

Question

我有一个网站 elemovements.com ，在主页上，您可以点击查看新闻存档，然后会显示一个小弹出窗口。我已经利用了jQuery Waypoints，这样当滚动时，弹出窗口将跟随你向下移动页面。不幸的是，我设置它的方式，我的位置使用CSS，在我正在使用的分辨率下正常工作。不幸的是，不是每个人都使用1600x900。我的问题是（我知道CSS中没有这样的东西）：元素有没有办法让修复定位相对到另一个元素？在我的代码中，我创建了一个JavaScript对象来处理这个名为objArchive的归档弹出窗口的大部分操作，其中有一个名为getRight（）的函数，我试图用它来修复这种情况，只要一个人在适当的情况下滚动或调整大小条件。唉，我无法让它发挥作用。您可以查看网站here及其大部分代码here。谁能提供帮助，我一定会在代码评论中给你一些信用：）

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

Answer 1

当您创建元素fixed时，它会将其相对于浏览器窗口定位，并且只定位浏览器窗口。但是，由于您的网站居中，因此您将窗口的中心视为常量，并且可以将其相对于该中心线定位。如果您向.sticky课程提供这些规则，您将获得您正在寻找的职位。

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

这些规则定位.sticky元素，使其右边缘位于浏览器宽度的中心线，然后向右移动592像素（这是你的一半＆＃ 39; re容器宽度+元素的宽度）。