javascript - React：如何在使用 react-scroll 滚动时禁用单击？

Question

当我在滚动动画期间单击屏幕上的任意位置时，动画停止。我想禁用它，并想出一种方法是在滚动期间使整个屏幕不可点击。我尝试制作 pointer-events: none onScroll 但它不起作用。有什么解决办法吗？

Answer 1

使用 ignoreCancelEvents 属性：

<Link 
   activeClass="active" 
   to="secondInsideContainer" 
   spy={true} 
   smooth={true} 
   duration={9250}  
   ignoreCancelEvents={true} // <----- Add this line
   containerId="containerElement" 
>
  Go to second element inside container
</Link>