4回答

猿力

2021-07-12

刚好写到这里，遇到同样的问题并解决，这里给出我的分析思路和解决方案：

为什么会出现这个情况呢？

    在折叠的时候，操作侧边栏宽度为64px，此时logo被挤压，但是我们却没有给他配置fold状态后样式，导致出现横向滚动条，横向滚动条出现后，原来nav-side的高度是精确计算的，也就是100vh-50px，此时多了一个横向滚动条，侧边栏总高度超过了其设定的恰好的剩余空间，于是出现纵向滚动条。

解决方案：

    为logo样式配置overflow-x: hidden; 将超出的部分直接砍掉，这样就不会出现横向滚动条，进而不会出现纵向滚动条。

1

1

weixin_慕前端5001913

666啊

2021-11-01

共1条回复

慕丝0284850

2022-05-21

因为同一行的  图标 和 manager文字在同一行，当宽度改为64px后 图标和文字的宽度超出64px 导致出现滚动条，直接把文字 使用v-if 干掉就好了

0

0

zhangjed

2021-06-16

实测在样式nav-side中添加

overflow-y: hidden;
overflow-x: hidden;

可以解决

0

0

河畔一角

2021-05-22

可能是宽度没计算好，有可能是多了一个边框导致滚动条被挤出来了。可以从新再量一下宽度或者高度或者直接通过overflow-x：hidden去隐藏

0

1

慕丝9286382

使用flex布局,右侧flex:1,右侧无需设置,只设置左侧就可以了吧

2021-06-27

共1条回复