css – 在固定侧边栏内滚动

前端之家收集整理的这篇文章主要介绍了css – 在固定侧边栏内滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的网站左侧有一个固定的侧边栏,内容太多,无法在屏幕上显示.如何在允许右侧可滚动的同时使该内容可滚动?

我会认为一个简单的溢出-y:滚动;就够了看起来我需要在侧边栏上设置最大高度,但将max-height设置为100%则无效.我确信这是一个简单的代码模式,但是唉,我的CSS技能今天让我感到厌烦.

这里的简单示例:
http://jsfiddle.net/tvysB/1/

解决方法

将顶部和底部设置为0,以使侧边栏与视口的高度完全相同:
#leftCol {
    position: fixed;
    width: 150px;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
}

这是你的小提琴:http://jsfiddle.net/tvysB/2/

猜你在找的CSS相关文章