html页面有多个滚动条时的优化

优化后的效果：

没优化时：

• 优化方法：

显示第二层内容时，将第一层内容的内容超出滚动条隐藏，不显示第二层内容时，第一层内容可以滚动
这里是在vue项目中，用的变量控制行内样式，也可以用ref在需要时设置需要的行内样式

<div class="container detail" :style="caseVisible ? 'overflow:hidden':'overflow:auto'"></div>