根据文档
,使其滚动所需的所有道具都在这里,但是scrollbuttons或其他选项(滑动或拖动)都不在滚动我的标签。 看来我无法滚动到屏幕外面的标签。因为如果我单击右侧的“部分可见”选项卡(在屏幕截图上的2009年),则会发生一点滚动,但是在安装座上的父组件外部的选项卡的一部分仍然不可见。同时,出现左滚动按钮,让我滚动回到标签的开始。
这是由于我的根部成分是其样式的一部分而引起的。如果我将其删除,则滚动不再是问题。但是我想将这种样式保留在我的应用程序的其余部分中。有解决方案吗?
问题并不是#root拥有
overflow-x: hidden
overflow-x: hidden
,而是这种样式几乎所有标签都是全局的。因此,我不得不从MUI
Tabs
组分子元素中删除它:<main>
<Tabs
value={currentYear}
onChange={handleYearChange}
variant="scrollable"
scrollButtons
allowScrollButtonsMobile
sx={{
"& *": {
overflowX: "unset",
},
}}
>
{renderTabs}
</Tabs>
</main>