使用javascript

时间:2018-07-13 18:37:24

标签: javascript css scroll

我有一个侧边栏和内容div。我希望滚动页面和内容高度比我的侧边栏更长。现在,我尝试在高度结束时修复边栏,但内容滚动。我的代码在这里:

<div class="container-fluid" style="padding:5px 35px">
    <div class="row">
        <div class="col-md-3">
         <div class="card d-none d-md-block" style="margin-top:30px;margin- 
          bottom:50px;"></div>
        </div>
        <div class="col-md-9 ">
            @include('Products.ProductList')
        </div>
    </div>
</div>

边栏和内容不使用任何类,如何解决此问题?

1 个答案:

答案 0 :(得分:0)

如果我了解您的要求是正确的,那么您所需要做的就是将500px的高度更改为最大高度所需的值:

.container-fluid {
  height: 500px;
  overflow-y: auto;
}