javascript - 通过上下滚动更改CSS

我有一些代码:

$(document).scroll(function() {
           if($(window).scrollTop() > 50){

            $("#headerline").css("background","red");
            $("#header").hide();
            $("#header2").show();

           }else if($(window).scrollTop() < 50){

            $("#headerline").css("background","blue");
            $("#header2").hide();
            $("#header").show();

           }
    });

每次向下滚动时，螺母都会将我移回顶部。...我只想在页面向下滚动100px之后，当它再次变为主页面时，更改页眉css。

最佳答案

它为我工作...
https://jsfiddle.net/vjc3t1d2/

 $(document).scroll(function() {
       if($(window).scrollTop() > 50){

        $("#headerline").css("background","red");
        $("#header").hide();
        $("#header2").show();

       }else if($(window).scrollTop() < 50){

        $("#headerline").css("background","blue");
        $("#header2").hide();
        $("#header").show();

       }
});

关于javascript - 通过上下滚动更改CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37512214/