jquery - 当用户滚动鼠标时，如何使 Div 内的文字消失？

Question

<分区>

Answer 1

由于您提供的示例逐渐改变了不透明度，我建议采用一种解决方案，根据窗口滚动位置和您要隐藏的元素位置进行计算。例如，

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);
        }

    });

});