Please try the following.
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 v2 Example</title>
<ext:ResourcePlaceHolder runat="server" Mode="ScriptFiles" />
<script type="text/javascript">
Ext.calendar.view.DayBody.override({
refresh: function() {
var top = this.el.getScroll().top;
this.prepareData();
this.renderTemplate();
this.renderItems();
},
afterRender: function() {
if (!this.tpl) {
this.tpl = new Ext.calendar.template.DayBody({
id: this.id,
dayCount: this.dayCount,
showTodayText: this.showTodayText,
todayText: this.todayText,
showTime: this.showTime
});
}
this.tpl.compile();
this.addCls('ext-cal-body-ct');
this.callParent(arguments);
}
});
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:Viewport runat="server" Layout="FitLayout">
<Items>
<ext:CalendarPanel runat="server">
<EventStore runat="server" />
<Listeners>
<ViewChange
Handler="if (view instanceof Ext.calendar.view.Day) {
view.el.child('.ext-cal-body-ct').dom.scrollTop = 8 * 42;
}"
Delay="1" />
</Listeners>
</ext:CalendarPanel>
</Items>
</ext:Viewport>
</body>
</html>
If the screen-size is big, then it will be scrolled just to the bottom, so you may see a hour earlier than "08:00" at the top.