页面滚动到div

Question

我有一个react组件，我正在使用它作为Modal以及页面中的元素。它具有单选按钮。

问题是当用户位于页面顶部且模式已打开时。如果用户选择模式中的任何内容，则页面将滚动到该页面中的另一个元素（相同的组件），这将分散用户的注意力。

由于两个元素相同，所以选择一个也会同时选择另一个。可以理解。

我尝试了onChange for radio和e.preventDefault，但是没有用。

任何建议都会有所帮助。

我能复制的最近的是https://jsfiddle.net/3tbkLxcu/

在这里，preventDefault有效，但在我的应用程序中无效。

当您单击标签时，它将滚动到底部。

// Loop through the configs to see the media's usage data
configs.get(0).getAudioAttributes().getUsage();

Answer 1

我找到了解决您问题的方法，只需添加以下css：）

.ReactModal__Body--open {
  overflow: hidden;
}