禁用mousedown-mousemove上的滚动(Jquery / javascript)

时间:2012-04-15 15:11:09

标签: javascript jquery scroll mousemove mousedown

所以我想禁用mousedown + mousemove上的窗口滚动,我到处搜索,但我找不到任何东西。

body {overflow:hidden}不起作用,如果按下鼠标仍然可以滚动,然后就会停止。

我遇到的问题是,点击图像拇指时,它会打开一个定位的绝对div(100%高度和宽度以及50%黑色透明.png),显示原始图像,当我按下鼠标左键,我向下移动,绝对div后面的所有项目开始向下滚动。

这是一个正在发生的事情的例子。 http://jsfiddle.net/T2qBw/1/ (单击黑色div,固定div位置打开,按左键单击,然后向下移动)。

提前致谢。

PS:如果我犯了任何语法或拼写错误,我道歉。 (英语不是我的母语)

1 个答案:

答案 0 :(得分:3)

$(".open-overlay").click(function(){
    $(".overlay").css("display","block");             
    $("body").css({overflow:'hidden'});  
    $(window).on('mousedown', function(e) {
        e.preventDefault();            
    })                    
});

不要忘记解除绑定鼠标事件 $(window).off('mousedown')