Position Fixed Tutorial - Demo

Notice how as you scroll down this page the navigation box on the left stays rooted to the top left corner of the browser window.

You'll also notice that the background never moves either.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Praesent vel tortor nisl, non pretium nisl. Aliquam eu varius lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce tristique, leo sed ullamcorper mattis, tortor magna rutrum nunc, quis euismod metus erat et felis. Quisque egestas tempor sodales. Quisque quis arcu lorem, eget blandit mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mollis sem venenatis ante porttitor ut condimentum eros faucibus. Ut ultrices accumsan congue. Aliquam dui justo, pharetra a facilisis sed, venenatis pellentesque est. Aliquam erat volutpat. In quis elit ut nulla feugiat imperdiet. Cras a neque felis, vel sodales orci. Donec dignissim facilisis fringilla. Curabitur luctus placerat magna, interdum auctor risus mollis a.

Nunc id nulla enim. Aenean augue nibh, porta ac ultricies vel, ultricies quis orci. Quisque nec odio sed tortor facilisis tincidunt. Nam arcu velit, volutpat eu tempor suscipit, lobortis ac dui. Vestibulum aliquam felis quis enim porttitor pretium. Nunc cursus, neque ac condimentum euismod, leo quam mattis nibh, non tincidunt eros magna sit amet lectus. Morbi fringilla eleifend elit, ut molestie nunc volutpat ut. Duis condimentum lorem diam, et faucibus sapien. Pellentesque elit purus, elementum ac tristique non, faucibus id nunc. Nullam mattis dapibus nibh, eu porttitor urna aliquam nec. Nunc elementum diam sit amet elit rutrum eu pulvinar ligula tincidunt. Sed fermentum ultricies tempus. Cras tortor ligula, gravida sed lacinia at, sagittis quis eros. Pellentesque vitae elit elit. Proin eleifend nibh quis massa ornare eleifend suscipit sit amet justo.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris porttitor purus ac dui vehicula at placerat quam sodales. Donec at tortor sem. Vivamus leo lectus, consequat nec suscipit quis, porta in sapien. Vestibulum orci mi, bibendum eget placerat at, vestibulum in ligula. Donec molestie gravida quam et vehicula. Donec cursus viverra tortor, imperdiet viverra lorem mattis in. Pellentesque mollis aliquet mi non sagittis. Curabitur elit erat, tincidunt nec dignissim in, convallis quis diam. In hac habitasse platea dictumst. Aliquam commodo pharetra turpis. Curabitur quis vehicula neque. In hac habitasse platea dictumst. Nunc ultrices, augue et tempus semper, nisi risus pharetra eros, et tristique turpis magna vel mauris. Fusce ac ipsum leo. Vestibulum convallis ultrices dui sit amet vestibulum. Quisque pretium, libero in aliquet euismod, diam leo elementum felis, vitae molestie tellus dolor et leo. Duis porta auctor nibh, sed sodales nisi venenatis vitae. Aliquam neque est, dapibus quis pretium ac, commodo et purus. Nulla facilisi.

Vestibulum eget mauris purus. Vestibulum sit amet leo massa. Vestibulum sollicitudin, diam vitae fringilla aliquet, risus lorem adipiscing metus, vitae venenatis mi massa a justo. Phasellus mi massa, congue ac fringilla a, accumsan at erat. Cras aliquam aliquam leo. Donec nec metus orci, vel elementum est. Proin porta consectetur turpis at lacinia. Suspendisse ultrices quam vel odio sodales sit amet imperdiet turpis pretium. Cras vel posuere augue. Curabitur eleifend purus vitae justo cursus malesuada. Fusce sed nibh sapien, sed convallis mauris. Nunc vitae nulla erat. Duis at est eget augue faucibus elementum nec nec mauris. Nunc nec ante nec risus ullamcorper rutrum. Fusce sit amet urna eu risus sagittis convallis sit amet quis eros. Maecenas sem magna, lobortis at porta eu, volutpat et felis. Praesent vitae sapien est, quis mollis leo.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dapibus rutrum posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas enim orci, lobortis quis aliquam sed, fermentum et nibh. Sed tincidunt odio sit amet elit cursus quis vestibulum ante placerat. Sed tempus, libero nec tempor aliquet, libero tellus sollicitudin felis, id laoreet nisi orci vitae sem. Integer mauris quam, mattis et gravida ac, semper vitae ipsum. Nulla laoreet quam vitae leo sollicitudin facilisis. Vestibulum in luctus orci. Aliquam rutrum molestie risus, eu euismod mi consequat at. Morbi vulputate pellentesque nunc vel pellentesque. Donec dui libero, convallis ut pretium eu, molestie eu neque. Nulla adipiscing felis sit amet lacus eleifend in eleifend urna blandit. Pellentesque non augue risus, a mollis sem. Integer rhoncus, augue elementum blandit tristique, ante eros euismod mauris, porttitor blandit nibh eros sed leo. Vestibulum porta tempor felis, ut venenatis nibh egestas a. Nulla porta commodo magna vitae egestas.