页面滚动到 div答案

【问题标题】：page scrolled to the div页面滚动到 div
【发布时间】：2019-02-15 19:21:03
【问题描述】：

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

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

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

我尝试了对 radio 和 e.preventDefault 进行 onChange，但没有奏效。

任何建议都会有所帮助。

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

当你点击标签时，它会滚动到底部。

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

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

【问题讨论】：

【解决方案1】：

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

.ReactModal__Body--open {
  overflow: hidden;
}

【讨论】：

嗨，它没有帮助。
对不起，你以为你问的是模块由于某种原因可见后仍然可以滚动的事实。
@Pradeepb 尝试像 onClick={ (e) => {this.handleClick(e) } 这样写 onClick，这样你就可以真正传递你点击的元素:)
还有一些关于 .bind() medium.freecodecamp.org/…使用的阅读
我已经在我的代码中做到了。但还是不行。