Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 溢出-y、固定元素和滚动条_Jquery_Html_Css_Scroll_Fixed - Fatal编程技术网

Jquery 溢出-y、固定元素和滚动条

Jquery 溢出-y、固定元素和滚动条,jquery,html,css,scroll,fixed,Jquery,Html,Css,Scroll,Fixed,我有一个包含大量内容的经典页面,还有一个打开弹出窗口的按钮。这个弹出窗口的高度可能比我的窗口大,所以我需要在弹出窗口内滚动。当我隐藏触发器时,我希望与显示此弹出窗口之前处于完全相同的滚动位置。我尝试了很多解决方案,而且。。。不完全是这样:)您可以在JSFIDLE上看到一个示例: 我很接近,但滚动条在菜单下,我不知道如何修复…:( 你可以在《今日美国》的网站上看到我在做什么: 如果您滚动一点,然后单击其中一篇主要文章,将显示一个弹出窗口。您可以在此弹出窗口中滚动。当您关闭弹出窗口时,您所处的位置与

我有一个包含大量内容的经典页面,还有一个打开弹出窗口的按钮。这个弹出窗口的高度可能比我的窗口大,所以我需要在弹出窗口内滚动。当我隐藏触发器时,我希望与显示此弹出窗口之前处于完全相同的滚动位置。我尝试了很多解决方案,而且。。。不完全是这样:)您可以在JSFIDLE上看到一个示例: 我很接近,但滚动条在菜单下,我不知道如何修复…:(

你可以在《今日美国》的网站上看到我在做什么:

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

我尝试使用:

  overflow-y:scroll;
但我仍然有滚动条和固定菜单的问题…:(


如果您对实现这一点有想法!

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

因此:

对于您的
#内容
尝试使用
边距
而不是
填充

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

选中此项

谢谢,但如果我这样做,当您滚动时,内容的文本将在菜单上显示。我已尝试在内容中添加一个z索引:-1000,但它不起作用。最重要的是,您无法使用负z索引与div交互。菜单的坏主意:)
#content {
  margin-top : 100px;
  padding-top:10px;
}