如何在拖动反应时滚动页面

Question

我已在我的应用程序中实现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>
)

Answer 1

一种可能的解决方案是在源项目上方悬停时在顶部和底部创建不可见的组件。