Welcome Guest.
Not a member yet? Why not sign up today and start posting on our forums.
How to make the kind of scroll what Facebook has?

How to make the kind of scroll what Facebook has?

<!-- SC_OFF --><div class="md"><p>I have a 3-column layout and I would like to make my scroll work the way Facebook's scroll works. Which is:</p> <ul> <li>Left column remains fixed.</li> <li>Right column only scrolls until its bottom gets into the screen, then it stops scrolling.</li> <li>Middle column scrolls until it reaches the bottom.</li> </ul> <p>Meanwhile there is only one scrollbar and that is on the right side of the window, not on any of the columns, so that wherever the mouse may be, even outside of all these columns (on a wide display), the scroll is still in effect.</p> <p>If there is a purely CSS option I would prefer that, but JavaScript could work as well if that's what is needed for it. I appreciate any source, link, or insight on how to do it. Thanks.</p> </div><!-- SC_ON --> submitted by <a href="https://www.reddit.com/user/id0ntwantt0telly0u"> /u/id0ntwantt0telly0u </a> <br/> <span><a href="https://www.reddit.com/r/web_design/comments/bvizpy/how_to_make_the_kind_of_scroll_what_facebook_has/">[link]</a></span> <span><a href="https://www.reddit.com/r/web_design/comments/bvizpy/how_to_make_the_kind_of_scroll_what_facebook_has/">[comments]</a></span>