Отключить прокрутку при mousedown-mousemove (Jquery / javascript)

Итак, я хочу отключить прокрутку окна на mousedown + mousemove, я искал везде, но ничего не нашел.

body {overflow: hidden} не работает, вы все равно можете прокручивать, если нажмете кнопку мыши и спуститесь вниз.

Проблема, с которой я столкнулся, заключается в том, что при нажатии на ползунок изображения открывается позиционированный абсолютный div (100% высота и ширина и 50% черный прозрачный .png), который показывает исходное изображение, и когда я нажимаю левую кнопку мыши и Я двигаюсь вниз, все элементы за абсолютным div начинают прокручиваться вниз.

Вот пример того, что происходит. http://jsfiddle.net/T2qBw/1/ (щелкните черный div, div с фиксированной позицией открывается, нажмите левую кнопку мыши и двигайтесь вниз).

Заранее спасибо.

PS: Прошу прощения, если я допустил грамматические или орфографические ошибки. (Английский не мой родной язык)


javascript scroll jquery mousemove mousedown
person Marcos Casagrande    schedule 15.04.2012    source источник
comment
возможный дубликат stackoverflow.com/questions/3656592/   -  person K2xL    schedule 15.04.2012

Ответы (1)


arrow_upward
3
arrow_downward 

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

Не забывайте отменять привязку события мыши $(window).off('mousedown')

person Vitalii Petrychuk    schedule 15.04.2012