HTML/CSS列滚动

我的页面上有两列

左栏是一个长列表，右栏较小

当我上下滚动时，我希望右边的列与页面一起浮动，而不是静止的

我已经使用css成功地实现了这一点：

    .connected {
        min-height:100px;
        float: left;
        width: 200px;
    }
    .connected.right {
        position: fixed; 
        min-height:100px;
        height: auto;
        float: right;
    }

在这张照片上可以看到

我遇到的问题是，如果右边的列很长，那么它根本不会移动，底部的条目也无法访问

有没有办法让正确的列滚动，但只有当你到达它的结尾，然后它是固定的，直到你开始滚动回来

---

谢谢

如何设置

溢出：自动到右边的列

.connected.right {
    position: fixed;
    overflow: auto;
    min-height:100px;
    height: 200px;
    float: right;
}

这将设置一个滚动，并允许滚动到列的最后

演示：

或者，您可以通过将
溢出：auto
设置为两列来删除窗口滚动。但那样的话，你需要设置这些柱子的一定高度。结果可能不是您所需要的，但这里有一个演示：


这是一个非常粗略的代码，但我认为您将设法将其设置为适合您的需要：（它需要jQuery）

演示：
您编写的css不正确

.connected.right {
        position: fixed; 
        min-height:100px;
        height: auto;
        float: right;
    }

换成

.connected .right {
        position: fixed; 
        min-height:100px;
        height: auto;
        float: right;
    }

工作示例
它工作正常，但他希望使右div保持动态，直到您到达最后一个条目，然后将其修复，如果您向上滚动，它将再次处于动态状态。谢谢-但这并不能解决问题。共有3个选项。1） 使用Javascript。2） 设置溢出，以便显示滚动条。3） 使其更小，如更小的字体大小或更少的项目。感谢第一个例子几乎就是我要做的。。我希望两列都向下滚动，当它到达底部时，能得到正确的修复。对不起，我不明白你到底想要什么。你能发张照片什么的吗？我猜你需要
javascript
来做这件事，但还是简单的“画图”就好了，我不知道怎么画。当前两列都比页面长。向下滚动页面时，也会向下滚动列。当你到达右栏底部时，我希望它停止，左栏继续向下滚动。但是你希望当右栏内容结束时，该栏在滚动到结束时继续滚动（类似位置：固定）？是的，只需将右栏上的
float
设置为
left
：
.connected .right {
        position: fixed; 
        min-height:100px;
        height: auto;
        float: right;
    }