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

Question

当我在滚动动画期间单击屏幕上的任意位置时，动画停止。我想禁用它并想出一种方法是在滚动过程中使整个屏幕不可点击。我尝试制作指针事件：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>