2011-09-26 60 views
1

我已将overflow-x: hidden添加到我的css html标记中,以隐藏左侧浮动的幻灯片,每张幻灯片都填满了整个窗口。然后使用导航访问这些幻灯片,这在所有隐藏水平滚动的浏览器中都可以正常工作。mac魔法鼠标在Firefox中的水平滑动/滚动问题6

现在我遇到了一个问题,尽管在隐藏水平滚动条的地方,隐藏页面可以使用魔术垫滑动/滚动来滚动。

是否有无论如何这可以禁用使用特定的webkit css属性或通过添加javascript?

我已经看过帖子,人们已经指示用户禁用滑动/滚动通过终端等,但这不是什么林后。

我发现这个问题只发生在Firefox 6 for mac到目前为止。

感谢 凯尔

回答

1

如果overflow属性不能正常工作,请尝试使用JQuery.scrollTop()JQuery.scrollLeft()

$(document).ready(function(){ 
    $("#element").scroll(function(){ 
     $(this).scrollTop(0); 
     $(this).scrollLeft(0); 
    }); 
}); 

这是我想到的唯一的事情,说实话。 我假设滑动/滚动触发滚动事件,否则该功能将失败,在这种情况下,我知道没有工作的解决方案。

+0

是有可能完全在Firefox使用像这样禁用水平滚动:document.addEventListener( 'DOMMouseScroll',函数(E){ e.stopPropagation(); e.preventDefault(); e.cancelBubble = false; return false; },false); – styler

+0

我不确定滑动/滚动是否会触发该事件。如果是这样,这是一个可行的解决方案。 – ShadowScripter

+0

我自己最近的经验(这导致了我的这个问题)表明,Mac水平滚动事件不会触发jQuery中的滚动事件。 – toon81