Hi,
I think you need to use the scrollIntoView method.
http://docs.sencha.com/ext-js/3-4/#!...scrollIntoView
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.NET Example</title>
<script type="text/javascript">
var scroll = function (ct, target) {
target.el.scrollIntoView(ct.body);
};
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Panel
ID="MainPanel"
runat="server"
Height="200"
AutoScroll="true">
<TopBar>
<ext:Toolbar runat="server">
<Items>
<ext:Button runat="server" Text="Scroll to Panel1" StandOut="true">
<Listeners>
<Click Handler="scroll(MainPanel, Panel1);" />
</Listeners>
</ext:Button>
<ext:Button runat="server" Text="Scroll to Panel2" StandOut="true">
<Listeners>
<Click Handler="scroll(MainPanel, Panel2);" />
</Listeners>
</ext:Button>
<ext:Button runat="server" Text="Scroll to Panel3" StandOut="true">
<Listeners>
<Click Handler="scroll(MainPanel, Panel3);" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel
ID="Panel1"
runat="server"
BodyStyle="background-color: yellow;"
Title="Panel 1"
Height="200" />
<ext:Panel
ID="Panel2"
runat="server"
BodyStyle="background-color: green;"
Title="Panel 2"
Height="200" />
<ext:Panel
ID="Panel3"
runat="server"
BodyStyle="background-color: blue;"
Title="Panel 3"
Height="200" />
</Items>
</ext:Panel>
</form>
</body>
</html>