窗口調整大小時停止jquery滾動

Question

當您向下滾動時，我旁邊有一個側邊欄。 但我不想在移動設備上播放該動畫。 如何修改此代碼：

var $sidebar   = $(".registration_container"), 
    $window    = $(window),
    offset     = $sidebar.offset(),
    topPadding = 15;

$window.scroll(function() {
    if ($window.scrollTop() > offset.top) {
        $sidebar.stop().animate({
            marginTop: $window.scrollTop() - offset.top + topPadding
        });
    } else {
        $sidebar.stop().animate({
            marginTop: 0
        });
    }
});

為了適應這一點。 請幫忙！

Answer 1

要在移動設備上執行此操作，只需添加另一個if語句以在移動設備上指定其他代碼即可。

您可以使用device.js或其他手段來檢測移動設備，即使是小於窗口寬度的簡單設備也可以工作。

這是停止移動設備動畫的示例

$window.scroll(function() {
    //detect if the browser is not mobile
    if(!$('body').hasClass('mobile')){
      if ($window.scrollTop() > offset.top) {
        $sidebar.stop().animate({
           marginTop: $window.scrollTop() - offset.top + topPadding
        });
      } else {
        $sidebar.stop().animate({
            marginTop: 0
        });
      }
    }else{
      //do something for mobile here
      //or just let css do the job 
    }
});