jquery - overflow-y、固定元素和滚动条噩梦

Question

我有一个包含很多内容的经典页面，以及一个打开弹出窗口的按钮。这个弹出窗口的高度可以比我的窗口大，所以我需要在我的弹出窗口内滚动。当我隐藏触发器时，我希望滚动位置与显示此弹出窗口之前完全相同。我已经尝试了很多解决方案，并且......不完全是这样:)你可以在 JSfiddle 上看到一个例子:http://jsfiddle.net/S6EFW/11/ 我很接近，但是滚动条在菜单下面，我不知道如何解决这个问题......:(

你可以在今日美国的网站上看到我正在尝试做的事情:http://www.usatoday.com/

如果您稍微滚动一下，然后单击其中一篇主要文章，则会显示一个弹出窗口。您可以在此弹出窗口中滚动。当您关闭弹出窗口时，您位于页面上与打开弹出窗口之前完全相同的位置。

我试过使用:

  overflow-y:scroll;

但我仍然对滚动条和固定菜单有问题... :(

如果您有实现该目标的想法!

Answer 1

对于您的#content，请尝试使用margin 而不是padding:

#content {
  margin-top : 100px;
  padding-top:10px;
}

检查这个 http://jsfiddle.net/S6EFW/18/