Question

我已经在我的一个div上运行了这个粘性代码。我想知道是否可以只在台式机上工作......我不希望它在手机或平板电脑上发粘。

var $window = $(window),
   $stickyEl = $('#single_text'),
   elTop = $stickyEl.offset().top;

$window.scroll(function() {
    $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);
});

Answer 1

逻辑本身很简单，但鉴于所有设备，屏幕尺寸，用户代理等，现在对移动/平板设备的准确检测有点复杂。

基本上，你需要测试手机/平板电脑，将其设置为变量（真/假），然后执行你的JavaScript，如果它不是移动的。

var isMobile = false;
if(mobileDetection == true) { // mobileDetection is the missing piece
    isMobile = true;
}

if(!isMobile) {
    // execute desktop-only JS
}

我建议阅读这些材料：

仅在桌面版上进行粘性工作

1 个答案: