javascript - 使用浏览器滚动独立滚动两列

Question

我有 2 列内容，左边的内容在顶部有一些固定内容，在底部有一些文本，右边的列是一长串文本和小图像。目前，当我垂直滚动浏览器时，左侧固定内容下方的内容会随着右侧内容一起滚动。

我想要的是，如果左边的内容适合浏览窗口，则不滚动，如果确实有足够的内容，则向右滚动，但在所有内容隐藏在固定内容后面之前停止，但是不停止右栏滚动。

不确定这是否可能，不记得以前见过它。

谢谢，查克

Answer 1

是这样的吗？:http://jsfiddle.net/S3xda/

注意事项:

• 仅在最新的 FF 和 chrome 中测试
• 未测试不同长度的内容
• 在该示例中，我使用的是固定高度包装器，因为我需要将 scroll() 事件附加到它，但您可以在自己的页面上使用 window。