页面滚动到div

Question

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

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

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

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

任何的意见都将会有帮助。

我可以复制的最接近的是https://jsfiddle.net/3tbkLxcu/

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

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

<label htmlFor="test-id" onClick={this.handleClick.bind(this)}>Test radio</label>

handleClick(e) {
    e.preventDefault();
}

Answer 1

我找到了解决您问题的方法，只需添加以下CSS :)

.ReactModal__Body--open {
  overflow: hidden;
}