在react中滚动时不显示投影

在React中滚动时不显示投影，可以通过CSS样式来实现。可以使用overflow属性来控制滚动容器的滚动行为，并使用box-shadow属性来添加投影效果。

首先，确保滚动容器具有固定的高度和宽度，并设置overflow属性为scroll或auto，以便在内容溢出时显示滚动条。例如：

<div style={{ height: '300px', width: '100%', overflow: 'auto' }}>
  {/* 内容 */}
</div>

接下来，为滚动容器添加投影效果，可以使用box-shadow属性。该属性接受一组参数，包括投影的颜色、偏移量、模糊半径和扩展半径。例如：

<div style={{ height: '300px', width: '100%', overflow: 'auto', boxShadow: '0 2px 4px rgba(0, 0, 0, 0.2)' }}>
  {/* 内容 */}
</div>

这样，在滚动时，投影效果将始终显示在滚动容器的边缘，不会随着滚动而消失。

对于React开发中的滚动容器，还可以使用第三方库来实现更复杂的滚动效果和交互。例如，可以使用react-scroll库来实现平滑滚动和滚动事件的监听。

总结起来，要在React中滚动时不显示投影，可以通过设置滚动容器的overflow属性为scroll或auto，并使用box-shadow属性添加投影效果。另外，也可以使用第三方库来实现更高级的滚动效果和交互。