jQuery animate scrolltop - 防止點擊

Question

我想創建一個滾動效果與jQuery動畫，但只爲鍵盤用戶。我不希望頁面滾動鼠標用戶。以下是當前的代碼。我仍然有問題讓點擊功能實際上不滾動。

//scroll page with keyboard focus 
$(':focusable').on('focus', function() { 
    var ele = $(this); 
    $('html, body').stop().animate({ 
     scrollTop: ele.offset().top - 100 
    }, 500); 
}); 
//do not scroll page with clicking of mouse 
$(':focusable').on('click', function() { 
    var ele = $(this); 
    $('html, body').stop().animate({ 
     scrollTop: ele.offset().top - 0 
    }, 5000); 
}); 

我來最接近的是動畫時間更改爲5秒，任何高度，因爲我與對焦功能並沒有加入到滾動距離。任何幫助，將不勝感激。

Answer 1

我看着你的方法，A.沃爾夫。我一起刪除了點擊，並提出了這個解決方案。

//scroll page with keyboard focus 
$(':focusable').on('keyup', function(e) { 
    var keyCode = e.keyCode || e.which; 
    if (keyCode == 9) { 
     $('html, body').stop().animate({ 
      scrollTop: $(this).offset().top - 100 
     }, 500); 
    } 
}); 

感謝您的幫助。