как прокрутить страницу при перетаскивании реагировать dnd

Question

Я реализовал реакцию 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

Одним из возможных решений является создание невидимых компонентов сверху и снизу, которые запускают прокрутку при наведении на них исходного элемента.