HTML页面内Div内容添加滚动条

原创已于 2022-03-08 11:56:58 修改 · 1.9k 阅读

6 ·

CC 4.0 BY-SA版权

未经原作者允许不得转载本文内容，否则将视为侵权。转载或者引用本文内容请注明来源及原作者。谢谢！

文章标签：

#javascript #vue.js #css #前端 #js

于 2022-03-08 11:56:25 首次发布

【Web前台】前台篇专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何为Div添加滚动条，通过设置样式`height:500px;overflow:scroll`，确保内容超出规定高度时出现滚动效果。这一技巧常用于前端开发中，以优化网页布局和用户体验。

Div内容添加滚动条：核心代码style="height: 500px; overflow:scroll"

事例:

<div class="container" style="height: 500px; overflow:scroll">
                <div class="row justify-content-center d-flex">
                    <div class="col-lg-12">
                        <div class="post-lists search-list" id="coreDiv">
                            
							

                        </div>
                    </div>
                </div>
            </div>