0

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

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

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

我试过使用：

  overflow-y:scroll;

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

如果您对实现该目标的方法有想法！

4

2 回答 2

1

为了您的#content尝试，margin而不是padding：

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

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

于 2013-11-14T15:13:45.353 回答
0

添加z-index:-999;到您的#hello

所以：

#hello {
    position : absolute;
    top : 0px;
    width : 100%;
    height : 100px;
    background-color : #123456;
    z-index:-999;
于 2013-11-14T15:08:12.020 回答