鎖定scollbar當按下鼠標，當鼠標擡起

Question

IAM試圖鎖定與當前位置時，鼠標按下事件的滾動條，也需要解鎖開鎖，當鼠標擡起事件

$('#table td').on('mousedown', function(){ 
$('#container').scrollLeft(0); 
}); 

Answer 1

var keys = {37: 1, 38: 1, 39: 1, 40: 1}; 

function preventDefault(e) { 
    e = e || window.event; 
    if (e.preventDefault) 
     e.preventDefault(); 
    e.returnValue = false; 
} 

function preventDefaultForScrollKeys(e) { 
    if (keys[e.keyCode]) { 
     preventDefault(e); 
     return false; 
    } 
} 

function disableScroll() { 
    if (window.addEventListener) // older FF 
     window.addEventListener('DOMMouseScroll', preventDefault, false); 
    window.onwheel = preventDefault; // modern standard 
    window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE 
    window.ontouchmove = preventDefault; // mobile 
    document.onkeydown = preventDefaultForScrollKeys; 
} 

function enableScroll() { 
    if (window.removeEventListener) 
     window.removeEventListener('DOMMouseScroll', preventDefault, false); 
    window.onmousewheel = document.onmousewheel = null; 
    window.onwheel = null; 
    window.ontouchmove = null; 
    document.onkeydown = null; 
} 

$(document).ready(function(){ 
$('#table td').on('mousedown', function(){ 

     disableScroll(); 

}); 

$('#table td').on('mouseup', function(){ 

    enableScroll(); 

}); 
}); 

檢查this solution

基於this question

希望這有助於