给定一个固定位置元素,如何在项目滚动页面时显示滚动条

时间:2011-02-25 20:01:21

标签: css html5 css3

请看一下这个小提琴:

http://jsfiddle.net/T6Hhy/1/

我在这里有一个位置:固定的右边。我遇到的问题是项目正在滚动页面,但滚动条不会出现。

我如何拥有固定位置列,因为我不希望在用户滚动页面时滚动列,但如果项目滚动页面,则列具有滚动条?

由于

3 个答案:

答案 0 :(得分:1)

使用以下css属性:

overflow:auto;

答案 1 :(得分:0)

如果我理解你的问题,你可以这样做:

#wrapper #rightCol {
    top: 10px;
    right: 20px;
    left: auto;
    z-index: 10;
    position: fixed;
    width: 245px;
    max-width: 245px;
    background: Red;
    bottom: 0px;
    overflow: auto;
}

答案 2 :(得分:0)

overflow-y: auto;的{​​{1}}将完成这项工作。

演示:http://jsfiddle.net/T6Hhy/2/

用户滚动光标位于其上方的元素。