title: how to scroll page while dragging react dnd
body: <p>i have implemented react dnd in my application but i cant scroll to the top of page while dragging a component
  how can i solve this problem ? thanks in advance</p>
  
  <pre><code>return (
      &lt;div ref={connectDragSource} style={{margin:"10px",opacity:opacity}} key={item.id} &gt;
         &lt;Card xl={6} lg={12} md={12}&gt;  
              &lt;Col&gt;
                  &lt;CardHeader&gt;{item.name}
                  &lt;FaEdit
                    style={{
                      marginLeft: parseInt(item.width),
                  }}
                  onClick={this.editing}
                  /&gt;
                  &lt;/CardHeader&gt;
                  &lt;CardBody&gt;
                  &lt;Line data={genLineData(item,{ fill: false })} 
                  width={parseInt(item.width)} height={parseInt(item.height)}  
                  options={{
                    legend: {
                        display: false,
                    },
                    }}
                  /&gt;
                  &lt;/CardBody&gt;
              &lt;/Col&gt;
          &lt;/Card&gt;
          &lt;ModalEditChart  editmod={editmod} item={item}/&gt;                 
      &lt;/div&gt;
  )
  </code></pre>