JavascriptFlickable { id: pages anchors.fill: parent contentHeight: parent.height contentWidth: parent.width*4 interactive: false Item {id: page1; x: parent.width*0; width: parent.width; height: parent.height} Item {id: page2; x: parent.width*1; width: parent.width; height: parent.height} Item {id: page3; x: parent.width*2; width: parent.width; height: parent.height} Item {id: page4; x: parent.width*3; width: parent.width; height: parent.height} Behavior on contentX { SpringAnimation { spring: 3 damping: 0.2 } } } Button {id: page1; onReleased: pages.contentX = pages.width*0;}Button {id: page2; onReleased: pages.contentX = pages.width*1;}Button {id: page3; onReleased: pages.contentX = pages.width*2;}Button {id: page4; onReleased: pages.contentX = pages.width*3;}