Javascript 鼠标滚动事件不适用于react滚动条内的react select
我使用两个软件包: 我在我的项目中使用平滑滚动。在我用来平滑下拉的react滚动条内Javascript 鼠标滚动事件不适用于react滚动条内的react select,javascript,reactjs,dom-events,mouseevent,react-select,Javascript,Reactjs,Dom Events,Mouseevent,React Select,我使用两个软件包: 我在我的项目中使用平滑滚动。在我用来平滑下拉的react滚动条内 问题:每当我滚动查看下拉列表时。父滚动事件也会被触发,并在下拉列表中选择react closed。因此,我无法选择值窗体下拉列表。我的onWheel正在滚动父react滚动条滚动条,因此我在react select的父div上添加了onWheel处理程序,如下所示。希望这有帮助 onWheel=(e)=>{ e.stopPropagation(); } <div onWheel={this.
问题:每当我滚动查看下拉列表时。父滚动事件也会被触发,并在下拉列表中选择react closed。因此,我无法选择值窗体下拉列表。我的onWheel正在滚动父react滚动条滚动条,因此我在react select的父div上添加了onWheel处理程序,如下所示。希望这有帮助
onWheel=(e)=>{
e.stopPropagation();
}
<div onWheel={this.onWheel}
<Select ../>
</div>
onWheel=(e)=>{
e、 停止传播();
}
您可以在select标记中添加menuPortalTarget={document.body}
Like
<select
...
menuPortalTarget={document.body}/>
它将使用文档附加您的选择组件。正文
和下拉列表在滚动期间不会关闭