0

一旦我滚动过去一个点,我想触发淡入淡出,但是一旦我向后滚动,就会淡入淡出。我在正确的轨道上吗?我不明白为什么它不起作用。到目前为止,它似乎在任意点淡出,然后再也不会淡入。

谢谢

$(document).ready(function(){

        $(window).scroll(function(){
            if($(window).scrollTop() > 20) {
                $( "h1" ).fadeTo( "slow", ".05" );
            }
        });

        $(window).scroll(function(){
            if($(window).scrollTop() <= 20){
                $( "h1" ).fadeTo( "slow", "1" );
            }
        });
    });    
4

2 回答 2

2

尝试

$(document).ready(function () {

    var flag = $(window).scrollTop() > 20 ? 1 : 2;
    $(window).scroll(function () {
        var scrollTop = $(window).scrollTop();
        if (scrollTop > 20 && flag != 1) {
            $("h1").fadeTo("slow", ".05");
            flag = 1;
            console.log('t1')
        } else if (scrollTop <= 20 && flag != 2) {
            $("h1").fadeTo("slow", "1");
            flag = 2;
            console.log('t2')
        }
    });

});
于 2013-11-14T04:06:47.263 回答
2

试试这个

$(document).ready(function(){
      $(window).scroll(function(){
          if($(window).scrollTop() > 20) {
              $( "h1" ).fadeTo( "slow", ".05" );
          }
          else if($(window).scrollTop() <= 20){
              $( "h1" ).fadeTo( "slow", "1" );
          }
      });
}); 
于 2013-11-14T04:11:28.297 回答