Во время прокрутки добавьте класс, и если прокрутка закончилась, удалите класс

Я искал в другом посте и не мог найти ответ для jQuery, который отвечает только на свиток, независимо от того, какую позицию. Я хотел бы иметь код, который в прокрутке добавляет класс, а когда прокрутка завершена, удалите этот класс.Во время прокрутки добавьте класс, и если прокрутка закончилась, удалите класс

На данный момент у меня есть что-то вроде этого:

$(window).on('scroll', function() { 
    if($(window).scrollTop()){ 
     $('.site-header').addClass('ipad-on-scroll'); 
    }else{ 
     $('.site-header').removeClass('ipad-on-scroll'); 
    } 
});

Это не работает, как бы это правильно?

источник

2014-02-14 Daniel Ramirez-Escudero

может у быть более конкретным, когда вы хотите добавить класс и когда, чтобы удалить его .. – Saurabh

@Saurabh Я хотел бы для добавления класса только при прокрутке. У этого класса нет отображения, и я хотел бы, чтобы заголовок исчезал при прокрутке, после того, как закончил свиток, я бы хотел, чтобы он снова появился. есть идеи? –

это может помочь вам http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_event_scrollstop – santhosh

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

$(window).scroll(function(){ 
    // stuff 
});

Вот Docs

источник

2014-02-14 10:19:10 Craftein

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

$(window).scroll(function(){ 

    $('.site-header').toggleClass('ipad-on-scroll'); 

});

источник

2014-02-14 10:21:36

Ваш код имеет смысл, я попробовал, и он переключается. Проблема в том, что он переключается после прокрутки, поэтому иногда вы заканчиваете прокрутку, и элемент исчезает (у ipad-on-scroll нет дисплея). Я бы хотел, чтобы элемент исчез только во время прокрутки, это правильный путь? –

создать CSS для вашего класса 'IPAD-на-свитка' первый.

отображение на прокрутке, как показано ниже.

Использование jQuery.

$('.site-header').scroll(function() { 
    $('ipad-on-scroll').css("display", "inline").fadeOut("fast");    
});

попробуйте это.

источник

2014-02-14 10:28:23 Shri

Но я хотел бы, чтобы класс добавлялся только во время прокрутки, после завершения прокрутки я хотел бы удалить этот класс. –

проверить отредактированный ответ – Shri

Я это то, что вы ищете

, как if в JQuery проверяет истинное или ложное значение и $(window).scrollTop() возвращает целое значение, просто убедитесь, что и вы сделали.

так его scrollTop() == 0 означает, что сверху еще это на свитке

Fiddle demo

источник

2014-02-14 10:35:15 Saurabh

Спасибо за ответ, но это не решает мой вопрос. Если сайт находится в прокрутке, добавьте класс, если не удалите этот класс. –

@ DanielRamirez-Escudero вы проверили демо, я сделал то же самое там – Saurabh

Я проверил демо, но это не то, что я имею в виду. Ваша демонстрация применяет класс, если прокручивается, но когда свиток заканчивается, заголовок все еще не отображается. Я хочу, чтобы прокрутка закончилась, а затем удалите класс. –

Во время прокрутки добавьте класс, и если прокрутка закончилась, удалите класс

ответ

Смежные вопросы