Javascript 是否有任何东西接近一个位置:相对固定?

Javascript 是否有任何东西接近一个位置:相对固定?,javascript,html,css,Javascript,Html,Css,我有一个网站,elemovements.com,在主页上,你可以点击查看新闻档案,然后弹出一个小窗口。我已经利用了jQuery的路径点,这样,当滚动时,弹出窗口将跟随您进入页面。不幸的是,按照我的设置方式,我将其位置设置为CSS样式,在我使用的分辨率下可以正常工作。不幸的是,并非所有人都使用1600x900。我的问题是(我知道CSS中没有这样的东西):一个元素相对于另一个元素有固定的位置吗?在我的代码中,我创建了一个JavaScript对象,该对象处理这个名为objArchive的归档弹出窗口的

我有一个网站,elemovements.com,在主页上,你可以点击查看新闻档案,然后弹出一个小窗口。我已经利用了jQuery的路径点,这样,当滚动时,弹出窗口将跟随您进入页面。不幸的是,按照我的设置方式,我将其位置设置为CSS样式,在我使用的分辨率下可以正常工作。不幸的是,并非所有人都使用1600x900。我的问题是(我知道CSS中没有这样的东西):一个元素相对于另一个元素有固定的位置吗?在我的代码中,我创建了一个JavaScript对象,该对象处理这个名为objArchive的归档弹出窗口的大部分操作,并在其中创建了一个名为getRight()的函数,每当有人在合适的条件下滚动或调整大小时,我都试图使用该函数来纠正这种情况。唉,我无法让它工作。你可以看看这个网站和它的大部分代码。无论谁能帮上忙,我一定会在代码注释中给你一些信任:)


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

当您将元素
固定时
会将其相对于浏览器窗口定位,并且仅相对于浏览器窗口定位。但是,由于您的网站是居中的,因此窗口的中心是一个常数,可以相对于该中心线进行定位。如果你给你的
.sticky
类下了这些规则,你就会得到你想要的职位

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

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

因此,小“存档”弹出窗口是问题所在?不完全是。不过,问题已经解决。无论如何,谢谢你。我知道相对浏览器窗口的事情,但我仍然不知道为什么我没有看到这个解决方案;很简单。非常感谢你!你是个热心的人。