在Quasar / Vue中隐藏滚动条-溢出隐藏不起作用

Question

我正在使用Quasar / VueJS进行开发。如何删除最外面的滚动条（用于页面的实际正文）。

非常生气，我已经尝试过将overflow:hidden放在各处，但它仍然存在。 因为我的侧边栏有一个滚动条，所以我只是不想在它旁边有另一个滚动条，因为它会使用户感到困惑。如您所见，我正在页面的实际正文旁边添加另一个滚动条。

如何摆脱最外面的滚动条？

Codepen：

https://codepen.io/kzaiwo/pen/bGVrweM?editable=true&editors=101%3Dhttps%3A%2F%2Fquasar.dev%2Flayout%2Fdrawer

Answer 1

.scroll {
overflow: hidden;}

将此类添加到您的CSS

Answer 2

<q-layout container>

从 q-layout 中移除容器。

<q-layout>

https://quasar.dev/layout/layout#qlayout-api