鼠標滾輪上的滑塊 - 左右方向

Question

我正在嘗試執行以下操作： 當用戶向下滾動到某個錨點（我使用航點）時，應該觸發滑塊[這裏有一些問題，但它是不是我問題的核心]。 滑塊應該在每個鼠標滾輪上水平滑動一些div。

我用作滑塊的插件是：https://github.com/Bawyka/jQuery-Mousewheel-Slider 但我無法弄清楚如何水平滾動它。 有更好的插件嗎？或者我怎麼配置這個？

我相關的js代碼（插件的信息頁面上的建議）：

$('#slider').mwslider({ 
    'speed':'slow', 
    'easing': 'easeInExpo' 
}); 

Answer 1

這裏是工作演示http://jsfiddle.net/xdwqp/

• 你可以添加類的div爲例如f-scrollable-x。

• 和一些JS代碼

  $(document).on('mousewheel', '.f-scrollable-x', function (e) { 
      var delta = e.originalEvent.wheelDelta; 
      this.scrollLeft += (delta < 0 ? 1 : -1) * 50; 
      e.preventDefault(); 
  }); 
  

  垂直滾動會工作。