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