讓窗口向左滾動時div向左滾動

Question

我試過類似下面的東西，它打印出「滾動」，但元素#etable_body沒有滾動。

$(window).scroll(function() { 
     $("#Table_body").scrollLeft(window.scrollLeft);  
     console.log("scroll"); 
    }); 

請注意，我只希望Table_body向左滾動，如果我向左滾動窗口。另外如果可能的話：不要在滾動時移動「窗口」。

在此先感謝。

Answer 1

jsBin demo

使用https://github.com/brandonaaron/jquery-mousewheel/

var $tb = $('#Table_body'); 

$(window).on('mousewheel', function(e){ 
    var ns = $tb.scrollLeft() - (e.deltaFactor*e.deltaY) 
    $tb.scrollLeft(ns); 
});