如何使用jQuery在移動瀏覽器上動畫滾動？

Question

我想要實現的是當按下按鈕時滾動到某個位置的頁面。我在Chrome和IE等瀏覽器上工作，但似乎無法在任何移動瀏覽器上工作。

這是我使用的代碼：不火，只有不會發生

$("#programmaMenu").on("click", "div", function(event){ 
     event.preventDefault(); 
     $('html').stop().animate({ 
      scrollTop: $("#"+$(this).attr("rel")).position().top - 120 
     }, 500, 'swing'); 
}); 

事件滾動。

Answer 1

與感謝用戶vohuman，這就是答案：

顯然，移動瀏覽器滾動體元素和桌面瀏覽器滾動的HTML元素。因此，問題的解決方案是像這樣選擇元素'html'和'body'：

$("#programmaMenu").on("click", "div", function(event){ 
     event.preventDefault(); 
     $('html, body').stop().animate({ 
      scrollTop: $("#"+$(this).attr("rel")).position().top - 120 
     }, 500, 'swing'); 
}); 

Answer 2

使用此和嘗試，

$(document).on("click", "#programmaMenu", function(event){ 
    event.preventDefault(); 
    $('html').stop().animate({ 
     scrollTop: $("#"+$(this).attr("rel")).position().top - 120 
    }, 500, 'swing'); 
    });