jquery - 当窗口向左滚动时使 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 ); 
});