JQuery - Специальная инструкция по мобильному

Question

Я новичок в jQuery и мне нужна помощь. Я создал скрипт, который делает липкий элемент на моей странице при прокрутке:

jQuery(document).ready(function () {  
var top = jQuery('#card').offset().top;
jQuery(window).scroll(function (event) {
var y = jQuery(this).scrollTop();
if (y >= top)
    jQuery('#card').addClass('fixed'),
    jQuery('#card').removeClass('fl-row-fixed-width'),
else
    jQuery('#card').removeClass('fixed'),
    jQuery('#card').addClass('fl-row-fixed-width');
    jQuery('#card').width(jQuery('#card').parent().width());
});
});

Работает хорошо.

Теперь, на мобильном телефоне, я хотел бы добавить дополнительные инструкции, такие как:

jQuery("#logo").remove()

Однако я не знаю, где это ввести и как в моей функции ...

Answer 1

Ваш код может выглядеть следующим образом

jQuery(document).ready(function () {  
var top = jQuery('#card').offset().top;
jQuery(window).scroll(function (event) {
var y = jQuery(this).scrollTop();
if (y >= top)
    jQuery('#card').addClass('fixed'),
    jQuery('#card').removeClass('fl-row-fixed-width'),
else
    jQuery('#card').removeClass('fixed'),
    jQuery('#card').addClass('fl-row-fixed-width');
    jQuery('#card').width(jQuery('#card').parent().width());
});
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    // do what you want to do in mobile device
    jQuery("#logo").remove()
}
});