我有2列内容，左边的内容在顶部有一些固定的内容，底部有一些文字，右边的列是一长串的文字＆amp;小图像。目前，当我垂直滚动浏览器时，左侧固定内容下方的内容会滚动显示右侧的内容。
我想要的是，如果左边的内容适合浏览窗口，不滚动，如果内容足够，则滚动右列，但在所有内容隐藏在固定内容之后停止，但是没有停止滚动右列。
不确定这是否可行，不能回想起以前看过它。
谢谢， 卡盘
答案 0 :(得分：0)
ZenMaster有正确的想法。这个的另一部分我会在固定div上执行“overflow-y：auto”，如果你的内容高于浏览器窗口，这将使它有自己的滚动条。
你能做的其他事情就是把东西绝对放在顶部，顶部，左边，然后把底部的东西放在底部，左边 - 并且不要做任何超过500px高的东西在那个盒子里内容永远不需要滚动，底部的东西总是在窗口的底部，同样顶部的东西总是在顶部，而你的用户可以上下滚动大部分，另一边保持不变和屏幕上的静态...
由于某种原因，zenmaster删除了他的答案，我认为这很不错。
无论如何，你希望一列是位置：固定还是你可以用绝对定位来做。将高度设置为100％（正文也必须是100％和任何其他容器，你需要100％的高度一直到“窗口”，而不是一些容器介于两者之间。如果你确定位置绝对，请记住如果要给绝对元素提供定位坐标，则绝对元素的容器需要是相对的。
答案 1 :(得分：0)
这样的事情？：http://jsfiddle.net/S3xda/
要小心的事情：
window。答案 2 :(得分：0)
我更喜欢像 THIS 这样的插件，这样你就可以获得每个插件的滚动条，而不是同时滚动它们。 GL＆amp; HF
顺便说一句，这适用于所有浏览器，即7-9 ff，chrome，safari，opera等等（甚至适用于手机）
答案 3 :(得分：0)
我和你有同样的问题，最后我找到了这个jQuery插件http://dhlavaty.github.io/jQuery-SmartColumnScroller/。它有很好的演示，可以准确显示解决方案。它会滚动所有列。但是，当列内容结束时，列停止而其他列仍然停止。 TADA！