Fixed Header Web Page Using CSS3 Without jQuery In Asp.Net MVC

This article will show you how you can create a fixed header for your web page. This article I have shown you how you can show fixed header in your asp.net mvc application.

Some of my previous articles are as follows: CountDown To Show Under Construction Page Using jQuery In Asp.Net MVC, Bootstrap Style Dynamic jQuery Dropdowns Menu Using Asp.Net MVC In C#.Net, Stylish Button Using Css3 In Asp.net, How to Get Mouse Pointer Cordinate Inside a Div Using jQuery In Asp.Net, Get User Detail Like City,County,Region,Zip Code Using IP Address In Asp.Net, Facebook Style Lightbox jQuery Plugin To Display Images Like Facebook In Asp.Net, Asp.Net Dynamic jQuery Photo Gallery Plugin With Zoom Effect Using Css.

So for this article first we will create a new asp.net application and add the controller file and create a view ad add the below code.

@{     ViewBag.Title = "Fixed Header Web Page Using CSS3 Without jQuery In Asp.Net MVC";     <link href="~/css/demo-styles.css" rel="stylesheet" /> } <header>     <a href="http://aspdotnet-pools.com" class="tutorial-link">Read Asp.Net Tutorial</a> </header> <div style="height:900px;">     <br />     <br /><h1>START</h1>     <div style="height:900px;"></div>     <br /><h1>END</h1> </div>

In this article I have added demo-style.css file this css is responsible for fixed header. Now we have done run the application to check the output.

Please check the first screen.

Now scroll at end and check the final output.

DOWNLOAD