javascript - 如何在按钮点击时滚动到特定位置？

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>

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