Question

我有一个javascript函数，我需要修改某些屏幕尺寸，虽然我尝试过“if（screen.width＆lt; = 960）{...”和“if（window.width＆lt; = 960） {...“，只有”else“之后的部分被执行，就像它甚至没有看到我放在括号中的屏幕宽度一样。

这是我的功能（我知道它编写得不好，但我是javascript的新手）：

    $(document).ready(function(){

        var numberofscroll = 0;
        var lastScrollTop = 0;
        $("#home").scroll(function(){
            var st = $(this).scrollTop();
            (st > lastScrollTop) ? numberofscroll++ : numberofscroll--;
            console.log(numberofscroll);
            console.log(lastScrollTop);
            console.log(st);
            if (numberofscroll<2){
                change_background2(numberofscroll);
            }
            else if (numberofscroll<3){
                change_background3(numberofscroll);
            }
            else if (numberofscroll<4){
                change_background4(numberofscroll);
            }

            lastScrollTop = st;
        });

        function change_background2(numberofscroll){
        var i; 
        for (i = 2) {
            $("#home").css("background-position","0 -652px");
        }
    }

          function change_background3(numberofscroll){
        var i; 
        for (i = 3) {
            $("#home").css("background-position","0 -1326px");
        }
    }

        function change_background4(numberofscroll){
        var i; 
        for (i = 4) {
            $("#home").css("background-position","0 -1978px");
        }
    }
)};

Answer 1

<强>更正：

将所有OnChange更改为for。
更正了括号。
将临时变量分配给三元操作。
将所有if更改为i

我相信更正的JavaScript是：

numberofscroll

Answer 2

我想你想使用window的 innerWidth 属性。（https://developer.mozilla.org/en/docs/Web/API/window/innerWidth）。

执行某些屏幕尺寸的javascript

2 个答案: