Question

In the sencha scrollable views, like Ext.dataview.ListView, we can always scroll the list of elements out of the screen.

If I take this example : http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#demo/list

Is there a way to block the list item “Alana Wiersma” ? I want this item to be with “top <= 0px”.

Answer 1

Your problem is exactly called overscrolling. Try this:

scrollable : {
  direction: 'horizontal',
  directionLock: true,
  momentumEasing:  {
     momentum: {
       acceleration: 30,
       friction: 0.5
     },
     bounce: {
        acceleration: 0.0001,
        springTension: 0.9999,
     },
     minVelocity: 5
  },
  outOfBoundRestrictFactor: 0   
  }