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