Запустить функцию, когда окно только выше 1030 пикселей - и изменить размер или загрузить

Question

Запустить функцию, когда окно только выше 1030 пикселей - и изменить размер или загрузить

0

Как сделать эту следующую функцию триггером только тогда, когда размер экрана превышает 1030 пикселей? (при изменении размера и при загрузке) я попытался реализовать эту строку кода: var windowWidth = $(window).width(); if(windowWidth <= 1030){} var windowWidth = $(window).width(); if(windowWidth <= 1030){} но это не сработало.

    //Change Header On Scroll//
    $(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 40) {
        $("#headerWrapper").addClass("headerDown");
        $("#logo1").hide();
        $("#logo2").show();
    } else {
        $("#headerWrapper").removeClass("headerDown");
        $("#logo2").hide();
        $("#logo1").show();
        }
    });

Connor Black 03 окт. 2013, в 20:55

Источник

Теги:

javascript

jquery

2 ответа

Ещё вопросы

Connor Black · Answer 1 · 2013-10-03T16-40-00.000Z

Если условие, которое вы использовали, - if(windowWidth <= 1030) тогда оно будет истинным только в том случае, если окно меньше или равно 1030.

Попробуй это:

$(window).scroll(function() {

    var windowWidth = $(window).width();

    if (windowWidth >= 1030){
        // do yo' thang
    }
}

Todd · Answer 2 · 2013-10-03T15-42-00.000Z

1

Я бы сделал:

var w = window.innerWidth;
window.onresize = function(){
    w = window.innerWidth;
}

If (w >= 1030) {
    // your code here
}

Todd 03 окт. 2013, в 15:42

0

Или в этом случае, так как вы используете 1030, вы можете захотеть использовать window.outerWidth;
Todd 03 окт. 2013, в 18:38
0

Вы можете использовать Jquery для прослушивания изменения размера с помощью .resize (), чтобы обновить значение var w.
Todd 03 окт. 2013, в 18:50
0

Если вы сделаете JS Fiddle, мне будет намного легче разобраться с этим. Рад, что помог, хотя. Это просто сложно читать, так как все это встроено в комментарий.
Todd 03 окт. 2013, в 19:03
0

Извините, и спасибо за помощь, здесь: jsfiddle.net/gXWdr Я только что добавил код, где вы говорите // ваш код здесь
user2756554 03 окт. 2013, в 19:10
0

Я в настоящее время на Ipad, и JS Fiddle является Betch. Я попробую, когда доберусь до ПК в ближайшее время.
Todd 03 окт. 2013, в 19:31
0

Если вы набрали if с заглавной I, что приводит к ошибке и не позволяет работать, я изменил его на маленькое, так что это - но все равно не работает
user2756554 04 окт. 2013, в 16:15

Показать ещё 4 комментария