滚动页面时改变CSS样式

Question

我有一些代码：

$(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，当它再次上升时，再次更改为主要的CSS。

- JustALittleBit

Answer 1

它对我有效...

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

       }
});

- Noel Schenk

---

我会再试一次，之前代码中肯定有问题...在获取50个以下后，我会自动滚动到顶部。当我删除else if时...if就能正常工作了... - JustALittleBit

哈哈，现在它可以工作了，天啊，当我滚动页面时，它不能显示新的div，因为div在上面，所以应该出现在顶部的新div会被聚焦并滚动到顶部，脚本说如果滚动到顶部就显示第一个div... - JustALittleBit