页面滚动到div

Question

我有一个react组件，我将其用作Modal，也用作页面中的元素。它有单选按钮。

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

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

我试过，onChange收音机和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;
}