如何添加滚动网格来查看所有项目？

Question

我有一个像

这样的qml文件

Flickable{
    id: view
    anchors.fill: parent
    contentHeight:300
    contentWidth:parent.width
    Grid {            
        id: grid
        //items
    }
}

我在网格中添加了一些项目。现在它可以工作但是当我移动flickable看到其他项目时，它将返回旧位置我想在滚动时显示滚动条我想要停止在移动它的位置我想要能够用鼠标滚动它因为我想要发布我的桌面和移动应用程序。

修改 我改变了下面的代码，我添加了滚动条。但它不起作用

Rectangle{
    id:root
    color: "#90dfaa"
    Flickable{
        id: view
        anchors.fill: parent
        contentHeight:300
        contentWidth:parent.width
        y: -sb.position * grid.height
        Grid {
            id:grid
        }
    }
ScrollBar {
    id: sb
     hoverEnabled: true
    active: hovered || pressed
    orientation: Qt.Vertical
    size:100// grid.height/root  .height // the probelm is here
    anchors.top: grid.top
    anchors.right: grid.right
    anchors.bottom: grid.bottom
        }
}