如何实现内容溢出时才显示滚动轴?

如何实现内容溢出时才显示滚动轴?

如何在内容溢出时显示滚动轴?

如示例所示,当容器 div 的高度较小,内容未溢出时,滚动轴不应显示。

<div style="height: 50vh; overflow: scroll;"></div>

解决方法:

建议使用 overflow: auto 代替 overflow: scroll。这样,只有当内容溢出时才会显示滚动轴。

<div style="height: 50vh; overflow: auto;"></div>

分析:

  • scroll 始终显示滚动轴,无论内容是否溢出。
  • auto 仅在内容溢出时显示滚动轴。

以上就是如何实现内容溢出时才显示滚动轴?的详细内容,更多请关注其它相关文章!