Question

我正在使用react创建一个网站，并且希望button滚动到我的网站的页脚部分。我正在使用react-scroll，它正在工作。我还使用material ui来为其button设置Button component的样式。这是我的代码段。

<StyledButton>
    <Link
     activeClass="active"
     to="Contact"
     spy={true}
     smooth={true}
     offset={-20}
     duration={900}
    >
     Get In Touch
    </Link>
</StyledButton>

这有效，但是唯一的问题是，只有当我单击button中的文本时，它才有效。如果我点击button中的其他位置（在按钮内但不在文本上），它不会滚动到页脚部分。有什么建议我该怎么做？谢谢。

Answer 1

您应将Link放在button之外。

<Link 
    activeClass="active"
    to="Contact"
    spy={true}
    smooth={true}
    offset={-20}
    duration={900}
    >
    <StyledButton>
        Get In Touch
    </StyledButton>
 </Link>

这样，您的整个按钮就会“链接”到您提供的元素

如何在单击按钮时滚动到特定位置做出反应？

1 个答案: