如何使材质的UI Tab组件在响应中自动滚动

Question

我在前端使用Material Design UI的React组件进行前端反应，选项卡出现问题，我希望当单击任何提及的选项卡时页面自动向下滚动，当我单击该选项卡页面时不滚动

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

演示示例：https://codesandbox.io/s/yko6x8r0wz

在“标签”部分中单击PageOne时，它应向下滚动

Answer 1

使用variant =可滚动。

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

这应该有效。谢谢。

Answer 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>

我希望虽然它不是同一个库，但可以为您提供帮助：）