View Full Version : List scroll wouldn't stop at boundary after bounce

28 Mar 2012, 7:03 AM
Here's my code

The panel :

this.listpanel = new Ext.Panel({
items: this.list,
layout: 'fit',

The List & Store :

this.list = new Ext.List({
itemTpl: '<span class="name" style="width:50%">{title}</span>',
scroll : {
bounces : false
store: new Ext.data.Store({
model: 'Mylist',
proxy: {
type: 'scripttag',
url : 'json.json',
reader: {
type: 'json',
root: 'Mylist'

Data :

stcCallback1001({"Mylist":[ {
"title": "Data1"
"title": "Data2"
"title": "Data3"
,{"title": "Data33"}


When scroll over the bottom boundary , it bounces back (as we expect), however it wont stop at bottom (Data 33 ) but stop in the halfway(30~31).

And when scroll over the top boundary , sometimes (not always) it will not bounce back enough to attach the top boundary , leave some extract blank area on the top of the list.

And as you can see , I even tried to set bounce : false but its not working at all.

Could anyone help? Thanks alot!

28 Mar 2012, 9:13 AM
What are you seeing this on? Trying with Chrome and iOS Simulator the scrolling works as expected.

28 Mar 2012, 3:18 PM
I recorded it. In the video I tried to scroll to bottom , but whenever I try, it always bounces back

http://www.youtube.com/watch?v=fw5rD_Ov_h4&feature=youtu.be (http://www.youtube.com/watch?v=fw5rD_Ov_h4&feature=youtu.be)

29 Mar 2012, 6:15 AM
I am facing issue with the list.

Any reply from Sencha development team :)

31 Mar 2012, 7:48 AM
Maybe its a bug? not sure...
Just saw this thread about scrolling