How to freeze a column using Javascript

Question

I have a two column layout via CSS, and I'm wondering how I can make the list on the sidebar column stay frozen down as the user scrolls down on the page

mkk · Accepted Answer · 2011-08-16 02:17:46Z

1

Just use CSS property:

 position: fixed;

The description of it might be "The element is positioned relative to the browser window", I assume this is what you want to achieve.

answered Aug 16, 2011 at 2:17

mkk

7,7037 gold badges48 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Steven Matthews Over a year ago

Thank you! Now I just have to figure out how to make it not overlap with my top nav.

mkk Over a year ago

consider adding z-index. add to your nav position: relative; z-index: 10; and to your side column z-index: 1

Collectives™ on Stack Overflow

How to freeze a column using Javascript

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related