Fix the whole page except one main content div

May I know how to fix the position of whole page and make it unmovable when u开发者_如何学Pythonser scroll except a div that shows the main content? Any css or jquery for this trick? Thanks.

I think you could add position: fixed; to all div elements that you want to be scrolled with the page.

like:

    #example {     
    position: fixed;
    z-index: 10;
    }

So in brief: add this to everything except the main content div.