綁定此鼠標滾輪事件處理程序禁用垂直滾動

我的網站有垂直滾動沒有滾動條，一個div也沒有滾動條的水平滾動。綁定此鼠標滾輪事件處理程序禁用垂直滾動

我得到下面的代碼：

(function() { 
    function scrollHorizontally(e) { 
    e = window.event || e; 

    var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); 

    document.getElementById("premios-scroll").scrollLeft -= (delta * 40); // Multiplied by 40 
    document.getElementById("premios-scroll").scrollLeft -= (delta * 40); // Multiplied by 40 

    e.preventDefault(); 
    } 

    if (window.addEventListener) { 
    // IE9, Chrome, Safari, Opera 
    window.addEventListener("mousewheel", scrollHorizontally, false); 

    // Firefox 
    window.addEventListener("DOMMouseScroll", scrollHorizontally, false); 
    } 
    else { 
    // IE 6/7/8 
    window.attachEvent("onmousewheel", scrollHorizontally); 
    } 
})();

它運作良好，但代碼禁用垂直滾動。

以下是Website的鏈接。

來源

2014-11-14 Noob Jqueryer

從我所看到的'e.preventDefault（）'可以防止瀏覽器根本無法滾動，而且您的代碼似乎只能水平滾動。 – Raziel 2014-11-14 12:41:55

如果你只添加水平滾動，如果事件mouseover目標是premios滾動？

來源

2014-11-14 12:41:35 fortysixandtwo

這是一個想法，但我需要向我的老闆顯示選項哈哈 – 2014-11-14 13:47:48

綁定此鼠標滾輪事件處理程序禁用垂直滾動

回答

相關問題