How do you create a frozen/non scrolling window region using javascript?

Question

Am curious to know how you create a frozen/non-scrolling regions on a webpage using javascript! like the one used by Stackoverflow when they alert you of the badge you have earned with a "X" close button!

Gath

Answer 1

You don't need to use javascript, you can do it with CSS just by setting the CSS property "display" to "fixed". You can of course do this with javascript if you like, like so:

var element = ...code to get the element you want...;
element.style.display = 'fixed';

Answer 2

That's using CSS's position: fixed

body {
    margin-top: 20px;
}

#banner {
    position: fixed;
    height: 20px;
}