Question

我正在使用bootstrap，我想修复div并仅滚动内容，就像Facebook使用右侧边栏固定和滚动时间轴一样。

我想和FACEBOOK一样不喜欢STACKOVERFLOW上的其他提议

我的代码如下：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-8 layout-content-container">

        </div>
        <div class="col-md-4 layout-content-container">
        </div>
    </div>
</div>

</body>
</html>

我想让col-md-8滚动并修复col-md-4。

Answer 1

只需使用position:fixed附加侧边栏...

#sidebar {
    height: 100%;
    position: fixed;
    right: 0;
    overflow-y: auto;
}

http://codeply.com/go/oThW0CigtE

在bootstrap上修改一列

1 个答案: