vue滚动条消失

Posted 2023-03-14

参考技术A 这个情况的出现方式很多，我个人写这个是因为刷新页面后，本来有的滚动条消失了。这个滚动条是我内置设置好页面高度的，正常第一次加载是这样的

超过高度overflow：auto,按道理说应该会有滚动条，可实际情况却没有显示。

这个原因是因为：页面跳转后，body被加上了一个style="overflow: hidden;这是一个bug！！！

解决办法：

第一种：为body设置属性overflow: auto !important;

第二种：用路由设置属性

router.afterEach((to, from, next) => document.querySelector("body").setAttribute("style", "overflow: auto !important;"));