Check it out: Live Telerik UI for ASP.NET AJAX & all .NET Web Products Release Webinar on Tuesday 26 | 11 AM ET.
New to Telerik UI for ASP.NET AJAX? Download free 30-day trial
Sroll page to test menu fixed position
RadMenu can work in a static mode. To make RadMenu static you should apply the following CSS style to the menu object:
<style type="text/css" > .RadMenu_Fixed { position:fixed !important; } * html .RadMenu_Fixed /*required for IE6*/ { position:relative !important; top:expression(eval(document.documentElement.scrollTop? document.documentElement.scrollTop : document.body.scrollTop) + "px"); left:expression(eval(document.documentElement.scrollLeft? document.documentElement.scrollLeft : document.body.scrollLeft ) + "px"); } </style> <telerik:RadMenu runat="server" ID="RadMenu1" CssClass="RadMenu_Fixed />
<%@ Page Language="c#" %> <!DOCTYPE html> <html xmlns='http://www.w3.org/1999/xhtml'> <head runat="server"> <title>Telerik ASP.NET Example</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <form id="form1" runat="server"> <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" /> <div class="demo-container size-wide"> <telerik:RadMenu RenderMode="Lightweight" ID="RadMenu1" runat="server" Flow="vertical" CssClass="RadMenu_Fixed" DataSourceID="SiteMapDataSource1" EnableTextHTMLEncoding="true" /> <div class="qsf-ex-hint-container"> <img src="hint.png" alt="Scroll the page to test menu fixed position" class="qsf-ex-hint" /> <p>Sroll page to test menu fixed position</p> </div> </div> <asp:SiteMapDataSource runat="server" ID="SiteMapDataSource1" ShowStartingNode="false" /> </form> </body> </html>