Question

I have 2 columns of content, the left content has some fixed content at the top with some text at the bottom, the right column is a big long list of text & small images. Currently when I vertically scroll the browser the content below the fixed content on the left scrolls with the content on the right.

What I want is, if the content on the left fits within the browse window, not to scroll, if it does have enough content, scroll with the right column, but stop before all the content hides behind the fixed content, but without stopping the right column from scrolling.

Not sure if this is even possible, can’t recall having seen it done before.

Thanks,
Chuck

Answer 1

something like this?: http://jsfiddle.net/S3xda/

things to be careful of:

• only tested in the latest FF and chrome
• not tested with contents of different length
• in that example, i’m using a fixed height wrapper, as i needed to attach the scroll() event to it but you could use window on your own page.