使浮动div向上/向下滚动页面？

我有你的刻板两列（1内容，1侧栏）布局与每列漂浮对立面和所有。但我需要我的侧边栏滚动页面。我的第一个直觉是使用position:fixed，没有意识到它会弄乱我的花车。所以我不知道该怎么做。如果我能避免它，我宁愿不把绝对位置放在两列。这个网站或多或少都是完全编码的，我只发现边栏需要在最后一步进行滚动。所以这对PITA来说太过分了。使浮动div向上/向下滚动页面？

所以基本上我需要一种方法来使一个浮动DIV充当虽然它的下position:fixed

我的思想的影响是非常也许一个JavaScript/jQuery的解决方案，只是锁到DIV，使魔术发生？但是，如果它是一个快速/简单的解决方案，我可以接受一个CSS解决方案。

来源

2014-01-06 Jeremy Duenas

可能的重复http://stackoverflow.com/questions/12954759/jquery-scroll-sidebar – Hacknightly

究竟是什么问题使得它不能使用固定位置？发生了什么，你不想发生？如果你告诉我们更多我们可以提供帮助。 – tenub

你如何设置你的宽度和高度。它是百分比还是px/em？ – Cam

我猜你在制作边栏position: fixed时遇到的问题是它会将它从流中移出，因此您的主要内容会移到左边的边栏下方。如果这是一个正确的解释，再加入margin-left的主要内容与宽度相同侧边栏，例如：

.sidebar { 
    position: fixed; 
    width: 200px; 
} 
.content { 
    margin-left: 200px; 
}

由于只有两列，没有必要浮动的主要内容。根据您的具体情况需要进行调整（例如将单位更改为em或其他）。

来源

2014-01-06 22:27:56

有了这个，我终于解决了侧边栏在内容背后的问题。但我只是增加了一个边缘，以便它可以清除内容，并且它的工作非常好。谢谢！ –

使浮动div向上/向下滚动页面？

回答

相关问题