Question

我有一个下拉列表，其中我正在显示曲目列表。当用户滚动下拉列表并到达列表父窗口的末尾时，滚动滚动。我想使用react或纯javascript停止父滚动。我们可以使用 onWheel 做出反应吗？

我在下面更容易尝试，但这是不被接受的，因为他们不想隐藏滚动条。

disableScroll() {
     this.body.style.overflowY = 'hidden';
}

enableScroll() {
    this.body.style.overflowY = 'auto';
}

 render(){
    return (
        <div onMouseOver = {this.disableScroll.bind(this)} onMouseOut = {this.enableScroll.bind(this)}></div>
    )
  }

这个解决方案是不可接受的，我不想在这里使用jquery。

Answer 1

我改变了我的代码

onChildScroll(e) {
    var isScrollingDown = e.nativeEvent.wheelDelta || -e.nativeEvent.detail;
    e.currentTarget.scrollTop += (isScrollingDown < 0 ? 1 : -1) * 30
    e.preventDefault()
}

现在工作正常

我们在任何子滚动时不要滚动父滚动。 React.js

1 个答案: