javascript - 2 列 bootstrap div - 左边应该固定在顶部，右边应该是可滚动的

Question

我正在尝试创建这样的布局:

我是这样写 html 的:

<div class="container">
       <div class="row">
    <div class="col-xs-12">
        <div class="row">
            <!-- Left side -->
            <div class="col-lg-3 col-md-3">
                <div class="row">
                   <div style="height:400px">
                     container of menu item, which should be fix on top   
                    <div>
                </div>
            </div>

            <!-- Right side -->
            <div class="col-lg-9 col-md-">
                <div class="row">
                   <div class="row">
                   <div style="height:900px">
                       Div Scrollable <div>
                </div>
                </div>
            </div>
        </div>
    </div>

我怎样才能做到这一点？？请帮助我

Answer 1

Bootstrap Affix可能是你要找的。这是 Bootstrap 文档本身用来在页面滚动时将菜单固定在顶部的方法。