How to create a scrolling or static sidebar menu

html css sidebar
Kevin picture Kevin · Aug 24, 2011 · Viewed 75.3k times · Source

I am looking for programming help on how to do a sidebar menu like the one shown at this URL:

Nettuts Website Link

I would like my sidebar to function just like the sidebar on the website, with my own look and feel applied to it. I would like the sidebar to scroll with the page fixed at its own location just as it functions on Nettuts website. How would I program this?

Answer

vascowhite picture vascowhite · Aug 24, 2011

It is a div with the css statement position: fixed; in the css class declaration.

Give any div in your html this CSS styling and you should see it working.

position: fixed;
height: 132px;
left: 0;
top: 185px;
width: 24px;

Related questions

make a sidebar from react-bootstrap

I am trying to create a bootstrap sidebar like this picture here. I have looked at all the code on React-bootstrap and twitter bootstrap and I am yet to find a how-to code this. basically if they are viewing on …

Read More
Fixed sidebar menu on the left and fixed header on top

So what I want to do is a fixed sidebar with a fixed menu on top and the content scrollable in the middle. Here is a fiddle: http://jsfiddle.net/kbb7t7vd/1/ My main problem is that the header …

Read More
Scrollable sidebar with full height

I am currently writing on an Angular application that has a top fixed bootstrap navbar and a sidebar container that consists of a sidebar header and a scrollable sidebar list that displays some content. Therefor I use the following CSS …

Read More