Как сделать так, чтобы слова внутри Div исчезали при прокрутке мышью пользователем?

Поскольку представленный вами пример постепенно меняет непрозрачность, я предлагаю решение, в котором выполняется вычисление на основе позиции прокрутки окна и позиции элемента, которую вы хотите скрыть. Например,

http://jsfiddle.net/dva2H/

$(document).ready(function () {
    var elemSelector = "#header-content";
    $(window).scroll(function (e) {
        var elemTop = $(elemSelector).offset().top;
        var elemBottom = elemTop + $(elemSelector).height();
        var windowPos = $(window).scrollTop();
        if(windowPos>=elemTop){
            $(elemSelector).css("opacity",(elemBottom-windowPos<0?0:elemBottom-windowPos)/elemBottom);
        }else{
            $(elemSelector).css("opacity",1);
        }

    });

});