2015-05-29 98 views
0

的JavaScript -code通過普通鼠標滾輪滾動到頁面上提供了簡單,幾乎跨瀏覽器的水平滾動:水平滾動崩潰

var wheel = ("onwheel" in document)? "wheel" : ("onmousewheel" in document)? "onmousewheel" : undefined; 
document.addEventListener(wheel, onWheel); 

function onWheel(e) { 
    e = e || window.event; 
    var ammount = Math.round(e.deltaY) || Math.round(e.detail); 
    window.scrollBy(ammount, 0); 
} 

您可以see for yourself on jsfiddle.net,它工作不正常(崩潰後三卷)。
這是爲什麼?如何糾正?

回答

2

這是一個非常有趣的問題!它實際上在FF上工作,但正如你所說,它停止在Chrome上工作。我調查過了一下,發現這樣的:

1)它不會崩潰,聽者只是不存在了

2)它並不需要三個卷軸,所有你需要做的是在窗口的視口(或可見框)之外滾動以使聽衆停止工作。這就像addEventListener只適用於框架的可見區域。

對不起,我沒有你的問題的答案,但也許我的發現可以幫助你。 (也許這只是Chrome中的一個錯誤?)

+0

嗯......看起來問題不在我的肩上:) 謝謝,先生。 –