是否有任何接近某个职位：相对固定？

我有一个网站，elemovements.com，其中，在主页上，您可以点击查看新闻的存档，并出现一个小的弹出窗口。我利用了jQuery Waypoint的优势，这样，当滚动时，弹出窗口会沿着页面向下。不幸的是，按照我设置的方式，我使用CSS来定位它，该CSS在我使用的分辨率下正常工作。不幸的是，并不是每个人都使用1600x900。我的问题是（并且我知道CSS中没有这样的东西）：是否有任何方法可以让一个元素具有固定的定位相对于到另一个元素？在我的代码中，我创建了一个JavaScript对象，该对象处理称为objArchive的此归档弹出窗口的大部分操作，并在其中包含一个名为getRight（）的函数，我试图用来纠正这种情况，无论何时在合适的人员滚动或调整大小条件。唉，我无法让它工作。你可以看看网站here和它的大部分代码here。谁可以帮忙，我一定会在代码注释中给你一些功劳:)是否有任何接近某个职位：相对固定？

顺便说一句，打开它，看看标题栏右边的“最新消息”框，会有一个“档案”链接。谢谢！

来源

2012-01-16 Gabriel Ryan Nahmias

那么，这个小的“存档”出口是问题吗？ – 2012-01-16 15:46:52

不完全。不过，这个问题已得到解决。不管怎样，谢谢你。 – 2012-01-16 20:12:07

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

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

这些规则定位的.sticky元素所以它的右边是浏览器的宽度的中心线上，然后将其移到592个像素的权利（这是你的容器宽度+的宽度的一半元件）。

来源

2012-01-16 15:48:09 rgthree

我知道浏览器窗口的相关事情，但我仍然不知道为什么我没有看到这个解决方案;它非常简单。非常感谢！你是一个热衷的人。 – 2012-01-16 20:10:18

是否有任何接近某个职位：相对固定？

回答

相关问题