Column follows scroll down the page

I wish one of the columns when you scroll down the web page, not change - to set as static. How can I do this? Please advice

Set css for page_column_x in your template:

position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: XXpx;

you mean position: fixed; ?

sticky position isn't supported on all browsers.

Firefox and WebKit – thats enough.

Doesn't kill layout if not supported.

 unless your target audience are web developers who likes to play with cutting edge stuff than no its not.

http://stackoverflow.com/questions/15646747/css-position-sticky

It doesn't really matter if it doesn't work now in all browsers. It will work soon. Someone has to start using it for developers to implement it.

Web design is nothing that is pixel perfect like you want it for every single user. Live with it.

Looks nice

OP asked for a solution for "now". I am aware that there will be a lot of new stuff in future.

Yea, contribute or…

Nicely covered:

http://clicky.com/marketshare/pl/web-browsers/

 Sorry, what are you trying to prove here?

His users have mostly firefox and chrome

Good for him but does that explains why he should use something that isn't supported by default on any mainstream browser "yet".

Go tell Apple

Thanks guys for the information and code. Here's exactly what I mean. For eg here: http://www.areavis.com/m/humor/view/Jeśli-chcesz-poczuć-adrenalinę-obejrzyj-wspinaczkę-na-najwyższy-wieżowiec-w-Chinach

I wish only column 3 scrolling down (with rate, facebook, twitter, g+, pinterest and google ad). So this is now only in module "humor". So I need to create a file called general.css and add this code? :

page_column_3
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: XXpx;

I try it but not work for me. Please advice

Read up on position:fixed and the * hacks for older IE browsers.  While a lot of CSS3 and HTML5 has been adopted by modern browsers, remember that CSS3 and HTML5 have not been officially released yet.

Will be enabled in Firefox 32.

I'm still trying to understand the bizarre combination of modules on this guys site.

For that page. This css should work.

Hi guys ,

This is really an interesting bit , is it possible to tell me how to scroll the left 1st left column where's there's account and the middle column where's the News feed wall .

Thank you.

See Picture below for reference.