如何在div中显示滚动条

Posted 2023-03-22

【中文标题】如何在div中显示滚动条

【英文标题】：How to show scroll bar in a div

【发布时间】：2021-10-06 22:47:24

【问题描述】：

我的 div 中有这个 css，但滚动条在需要时不显示，我可以滚动 div 但没有滚动条，我该如何解决？这个问题只发生在电子上

.container 
  width: 350px;
  height: 530px;
  color: black;
  overflow-y:scroll;

【问题讨论】：

尝试降低容器的高度。

根本不是电子特定的..

【参考方案1】：

div 中有内容吗？要使其可滚动，div 的高度需要小于内容的高度。

所以要么添加更多内容，要么像下面这样降低 div 的高度。

.container 
  width: 350px;
  height: 100px;
  color: black;
  overflow-y:scroll;

<div class="container">
  <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam est est, congue nec accumsan quis, volutpat eleifend sapien. Nunc metus augue, ultrices at lectus ut, molestie venenatis orci. Phasellus eu libero id sapien pharetra pulvinar. Vestibulum ut porta leo, sed ornare lorem. Phasellus sollicitudin ligula id nibh dictum, non lacinia turpis luctus. Nulla mi quam, blandit at faucibus sed, aliquam quis libero. Nullam placerat nisl est, at efficitur orci aliquet vel. 
</p>
</div>