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

Question

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

很生气，我已经尝试过将overflow:hidden在任何地方，但它仍然存在。 由于我的侧边栏有一个滚动条，我只是不想在它旁边放另一个滚动条，因为它可能会让用户感到困惑。 如您所见，我正在努力在页面的实际正文旁边添加另一个滚动条。

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

代码笔：

Answer 1

<q-layout container>

从 q-layout 中删除容器。

<q-layout>

Answer 2

.scroll {
overflow: hidden;}

将此 class 添加到您的 css

Answer 3

您可以使用 css 隐藏滚动条而不会丢失滚动行为...

/* Hide scrollbar */
::-webkit-scrollbar {
  display: none;
}

这肯定适用于 chrome，可能也适用于 Safari，不确定（可能不是）IE 和 Firefox。

Answer 4

使用 Quasar，查看文档，更具体的是 class：no-scrollbar。 将此应用于关注的元素。

将以下内容添加到您的主要样式中将使滚动条 go 消失，而不会丢失滚动功能：

::-webkit-scrollbar {
   display: none;
}

请注意，这不适用于 firefox 和 IE。 更多信息： https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar