如何使材料 UI Tab 组件在反应中自动滚动答案

【问题标题】：How make material UI Tab component auto Scrollable in react如何使材料 UI Tab 组件在反应中自动滚动
【发布时间】：2019-04-17 09:16:35
【问题描述】：

我在 react 中为前端使用材料设计 UI 反应组件，我遇到了选项卡问题，我希望当单击任何提及选项卡时，页面会自动向下滚动，现在当我单击该选项卡页时不滚动

我尝试使用 react scroll 模块，但它没有给出结果，而是将我扔到页面末尾，

当点击 Tab 部分中的 PageOne 时，它应该向下滚动一点

【问题讨论】：

【解决方案1】：

使用变体=可滚动。

<Tabs
  value={false}
  indicatorColor="primary"
  textColor="primary"
  variant="scrollable"
  scrollButtons="auto"
>

这应该可以。谢谢。

【讨论】：

【解决方案2】：

当我制作 SPA 时，我使用了这个库：react-router-hash-link。它有一个哈希链接，可以按部分管理平滑滚动。

带有链接示例的教程是this。

您可以通过这种方式在选项卡部分定义新链接：

import { HashLink as Link } from 'react-router-hash-link';
<Link to="/menu#section-a">Link to Section A</Link>

我希望虽然它不是同一个库，但它可以帮助你:)

【讨论】：