固定位置窗口滚动问题

所以我有一个页面布局，它具有相对位置的主要内容容器div。在这个容器中，我有两个其他的布局div，一个充当侧栏，另一个充当可以上下滚动的内容容器。此div也有一个标题栏，当您滚动此div时必须保持原位。如果我修复了标题栏的位置，只要您在该容器中滚动，它就会保留在原位而不会出现问题。如果您滚动整个窗口（包装div除外），则标题栏会随之滚动。我知道为什么发生这种情况，但想知道是否有办法解决这个问题或防止这种行为。我不介意使用Javascript来做到这一点。我明白，这种固定的定位只会将元素固定到其父容器。固定位置窗口滚动问题

这很可能很难理解，至少通过简单的文字布局明智，所以这里是一个非常简单的示例小提琴的一些标记显示哪些项目是固定的，以及他们是如何布置。 http://jsfiddle.net/gvNqv/

非常感谢任何可能的帮助！

编辑：从小提琴添加代码在这里

.maincontent{ 
    position:relative; 
    width:760px; 
} 
.sidebar{ 
    float:left; 
} 
.stage{ 
    float:right; 
    position:relative; 
} 
.headbar{ 
    position:fixed; 
}

<div class="wrapper"> 
    <div class="mainContent"> 

     <div class="sideBar"></div> 

     <div class="stage"> 
     <div class="headbar">banner text</div>   
     </div> 

    </div> 
</div> 

enter code here

来源

2012-09-19 Stavros_S

你应该把代码放在问题中。如果你的[fiddle]（http://jsfiddle.net/gvNqv/）具有必要的样式来复制问题，那将会更有帮助。 – tw16

对于我来说真的很难复制实际的布局本身，因为它在.net MVC环境中。它也可以配置为Facebook应用程序以及独立应用程序。我遗憾地继承了一些意见，其中包含了意大利面代码。 –

当然，您可以通过添加一些lorem ipsum（虚拟文本），高度和背景颜色来明确发生了什么，从而复制该问题？人们会帮助你更容易。 – tw16

不要你需要使用上，左，下，右为它拿不动的东西？

来源

2012-09-19 22:52:45

嗯从来没有想到这一点。你的意思是沿着div {position：fixed-top;}的行吗？ –

不，顶部：％somevalue％;等等 –

固定位置窗口滚动问题

回答

相关问题