爲什麼鼠標滾輪在Chrome瀏覽器中工作，但沒有在Firefox中

我目前正在使用CSS通過使用鼠標滾輪來上下滾動一個彈出頁面，但我無法在FireFox中使用它。目前它在Chrome中的工作原因只是使用overflow-x：hidden;和溢出-y：auto ;.爲什麼鼠標滾輪在Chrome瀏覽器中工作，但沒有在Firefox中

我使用jQuery插件鼠標滾輪來jquery.mousewheel.min.js得到一個頁面上下滾動不包括側面滾動條試過，但很可惜，我不能讓它開始工作。 Firefox是否還需要能夠使用鼠標滾輪上下滾動頁面？ CSS，Javascript還是jQuery？

HTML

<div class="test"> 
    <div class="inner">blah blah blah 
    </div> 
</div>

CSS

.test{ 
display:inline-block; 
overflow-x:hidden; 
overflow-y:auto; 
margin:0 auto; 
} 

.inner{ 
float:left; 
overflow-x:hidden; 
overflow-y:auto; 
}

來源

2013-10-14 Keith

郵編，也許我們可以幫助 – carter

你可以創建一個http://jsfiddle.net/。 – dowomenfart

你提到你已經使用jQuery插件鼠標滾輪嘗試過，但你有沒有在您的文章提供的任何JavaScript。你是否試圖以編程方式（使用DOM事件監聽器）滾動一個元素？如果是這樣，請注意，Chrome最近才添加了對標準'wheel'事件的支持（https://code.google.com/p/chromium/issues/detail?id=227454），因此您可能必須使用非標準的'mousewheel'事件。

來源

2013-10-14 15:03:43

如果你談論的是在普通的JavaScript處理鼠標滾輪事件，我相信火狐有一個不同的名稱：DOMMouseScroll以抓住它普遍，你可以這樣做：

if (document.addEventListener) { 
    document.addEventListener("mousewheel", MouseWheelHandler, false); 
    document.addEventListener("DOMMouseScroll", MouseWheelHandler, false); 
} 
else { 
    document.attachEvent("onmousewheel", MouseWheelHandler); 
} 

function MouseWheelHandler(e) { 

    var e = window.event || e; 
    var delta = e.wheelDelta 

    if (delta < 0) { 
     // Do stuff when wheel is scrolled down 
    } else { 
     // Do stuff when wheel is scrolled up  
    } 
}

來源

2013-10-14 15:51:59

爲什麼鼠標滾輪在Chrome瀏覽器中工作，但沒有在Firefox中

回答

相關問題