如何实现内容溢出时才显示滚动轴?
如何在内容溢出时显示滚动轴?
如示例所示,当容器 div 的高度较小,内容未溢出时,滚动轴不应显示。
<div style="height: 50vh; overflow: scroll;"></div>
解决方法:
建议使用 overflow: auto 代替 overflow: scroll。这样,只有当内容溢出时才会显示滚动轴。
<div style="height: 50vh; overflow: auto;"></div>
分析:
- scroll 始终显示滚动轴,无论内容是否溢出。
- auto 仅在内容溢出时显示滚动轴。
以上就是如何实现内容溢出时才显示滚动轴?的详细内容,更多请关注其它相关文章!