title: QML listview Overscrolls
body: <p>I have a horizontal listview as given in the image<img src="https://i.stack.imgur.com/RPOlW.png" alt="initial state"></p>
  
  <p>Now when I scroll it the listview gets overscrolled as in the below image
  <img src="https://i.stack.imgur.com/LeNGG.png" alt="overscoll"></p>
  
  <p>What I actually need is even if the drag is more , the last element should stay at the end as in the below image<img src="https://i.stack.imgur.com/ZFNA8.png" alt="correct scroll"></p>
  
  <p>How can I do that.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>ListView Source</p>
  
  <pre><code>ListView{
  
          id: list
          width: 500
          height: 100
          clip: true
          //anchors.bottom: parent.bottom
          //anchors.bottomMargin: 10
          snapMode: ListView.SnapToItem
          anchors.centerIn: parent
          highlightRangeMode: ListView.StrictlyEnforceRange
          highlightFollowsCurrentItem: true
          highlight: Rectangle { color: "#00000000" ;border.color: "red" ; radius: 5 }
          anchors.horizontalCenter: parent.horizontalCenter
          orientation: ListView.Horizontal
          model: ListModel{
              id: listModel
              ListElement{ name: "File"}
              ListElement{ name: "Edit"}
              ListElement{ name: "Build"}
              ListElement{ name: "Debug"}
              ListElement{ name: "Analyze"}
              ListElement{ name: "Tools"}
              ListElement{ name: "Window"}
              ListElement{ name: "Help"}
          }
  
          delegate: Button{
              borderColor: buttonBorderColor;buttonColor: buttonFillColor
              width: 100;height: 100 ;labelSize: 18
              label: model.name
              onButtonClick: {
                  list.currentIndex = model.index;
                  console.log("ListView Button clicked" + model.index)
              }
          }
      }
  </code></pre>