如何在拖动时滚动页面反应dnd答案

【问题标题】：how to scroll page while dragging react dnd如何在拖动时滚动页面反应dnd
【发布时间】：2019-05-10 16:55:34
【问题描述】：

我已经在我的应用程序中实现了 react dnd，但是在拖动组件时我无法滚动到页面顶部我怎么解决这个问题？提前致谢

return (
    <div ref={connectDragSource} style={{margin:"10px",opacity:opacity}} key={item.id} >
       <Card xl={6} lg={12} md={12}>  
            <Col>
                <CardHeader>{item.name}
                <FaEdit
                  style={{
                    marginLeft: parseInt(item.width),
                }}
                onClick={this.editing}
                />
                </CardHeader>
                <CardBody>
                <Line data={genLineData(item,{ fill: false })} 
                width={parseInt(item.width)} height={parseInt(item.height)}  
                options={{
                  legend: {
                      display: false,
                  },
                  }}
                />
                </CardBody>
            </Col>
        </Card>
        <ModalEditChart  editmod={editmod} item={item}/>                 
    </div>
)

【问题讨论】：

如果您的代码示例包含的不仅仅是组件，将更容易获得答案。您是否在使用图书馆，请提及。该组件的行为是否受到其他组件的影响，请在此处也显示。

标签： reactjs react-dnd

【解决方案1】：

一种可能的解决方案是在顶部和底部创建不可见的组件，当源项目悬停在它们上方时触发滚动。

【讨论】：