Here is a little example:
Code:
new Ext.Container({
fullscreen : true,
scrollable : 'vertical',
items : [
{
xtype : 'toolbar',
docked : 'top',
items : [
{
text : 'Scroll to End',
handler : function(btn) {
var cnt = btn.up('container[fullscreen]'),
scroller = cnt.getScrollable().getScroller();
scroller.scrollToEnd(true);
}
},
{
text : 'Scroll to Top',
handler : function(btn) {
var cnt = btn.up('container[fullscreen]'),
scroller = cnt.getScrollable().getScroller();
scroller.scrollToTop(true);
}
}
]
},
{
height : 200,
html : 'One'
},
{
height : 200,
html : 'Two'
},
{
height : 200,
html : 'Three'
},
{
height : 200,
html : 'Four'
},
{
height : 200,
html : 'Five'
},
{
height : 200,
html : 'Six'
},
{
height : 200,
html : 'Seven'
},
{
height : 200,
html : 'Eight'
},
{
height : 200,
html : 'Nine'
},
{
height : 200,
html : 'Ten'
}
]
});