import QtQuick 2.0

Item {
    width: 400
    height: 400

    ListView {
        id: view
        anchors.fill: parent

        model: 4
        highlightRangeMode: ListView.StrictlyEnforceRange

        delegate: Rectangle {
            color: index % 2 ? "green" : "orange"
            width: parent.width
            height: 50
        }

        populate: Transition {
            SequentialAnimation {
                NumberAnimation { property: "y"; from: 100; duration: 2000 }
            }
        }

        onContentYChanged: console.log(contentY)
    }

    // click to see different behavior
    MouseArea {
        anchors.fill: parent
        onClicked: {
            view.model = 5
        }
    }
}