Question

I would like to create an interface with 3 columns, each having mixed content (text, image, and video), and would like to have them scroll vertically with different speeds at the same time. Is there a relatively simple way of accomplishing this with html, css, and/or javascript?

PS. I know about the parallax scrolling, but the implementations I came across seem to be mostly about using images as background to create a dimensional illusion.

Answer 1

Something like: http://jsfiddle.net/KVWuS/.

$.fn.makeScroll = function(speed) {
    var elem = this,
        i = 0;

    setInterval(function() {
        elem.scrollTop(i++); // increment scroll top
    }, speed); // run every 'speed' ms (so lower is faster)
};

You can enable it like:

$('div:eq(0)').makeScroll(75); // moderate speed