阻止浏览器 window 尝试适应 Appbar 选项卡中的项目，也许吧？

Question

我学习了 React JavaScript，现在我遇到了这个问题。

我有一个 material ‘AppBar’ 和 material ‘Tabs’ 可以正常工作，但发生了一件奇怪的事情。当我 select 一个“Tab”并填充它时，浏览器 window 跳转 up/down 非常烦人。如果我将浏览器 window 缩小到更小的尺寸，则不会发生这种情况。

我不知道如何开始在 Whosebug 中创建一个问题来表示这个问题，所以我创建了一个视频作为开始，并在你们对视频发表评论后添加代码我应该做什么。

我学得很快，对此还很陌生，请指教，，

这是 clip 也有声音

Answer 1

问题在于选项卡的内容大小不同，浏览器正在调整 windows 溢出（这是 nickbullock 提到的标准行为）。 这导致页面在 Y 轴上变长，因为目前 EDIT FILE HERE 组件下方没有 space。

您可以尝试以下几种方法：

1. 在 <Tabs/> 组件的父级上设置最小高度样式。如果选项卡内容长于最小高度，这确实会造成问题。然后你会遇到同样的问题。
2. 在 EDIT FILE HERE 组件下方添加边距。同样，如果选项卡内容的大小差异很大，您也会遇到同样的问题。
3. 像上面的选项 2 一样添加边距，然后使所有标签的高度相同。让选项卡的内容在 Y 轴上溢出。