I have two `Flickable` inside a column and I want to scroll vertically first Flickable when user scrolls second Flickable. 

```
Rectangle { 
id: root
anchors.fill: parent

Flickable {
  id: first
  anchors.left: parent.left
  width: parent.width/2 
  height: parent.height

  // Rest of the Contents
  // I have also some TextFields and ComboBoxs here
}

Flickable {
  id: second
  anchors.left: first.right
  width: parent.width/2
  height: parent.height

  onFlickEnded: {
    first.contentY = second.contentY;
  }

  // Rest of the Contents
  // I have also some TextFields and ComboBoxs here
}

}

```

I am able to do this by using `onFlickEnded` event, is this correct way?
How can I disable flicking effect when user clicks and drag and just have scrolling effect using mouse wheel? 

Should I use ScrollView instead, but I am not able to scroll it as I did with Flickable.