如何在不使用 JQuery 的情况下滚动到 id ?

Question

我目前正在Reactjs中使用JQuery进行滚动。我意识到将两者混合在一起不是一个好主意，只需 React 即可完成。但是，我想知道是否有人可以向我展示如何在 React 中执行以下操作？

$("#sideOne").click(function () {
$('html, body').animate({
scrollTop: $("#first").offset().top
}, 2000);
});
<div id="mySidenav" class="sidenav">
<a href="#first" id="sideOne" class="pink">About</a>
<a href="#second" id="sideTwo" class="purple">Steps</a>
<a href="#fourth" id="sideThree" class="blue">Contact</a>
</div>

谢谢！

Answer 1

您可以使用 ReactJS 中解释的原生 JavaScript 解决方案之一 如何滚动到元素

或者使用第三方库来实现该功能，如 https://github.com/ganderzz/react-scroll-to 或 https://github.com/fisshy/react-scroll(更多信息可在 https://www.google.de/search?q=scrollTo+reactjs ;)

Answer 2

你可以使用这个很酷的库 https://github.com/fisshy/react-scroll