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