простой модальный фон без прокрутки <body> - PullRequest
Новая
       7

простой модальный фон без прокрутки <body>

4 голосов
/ 09 марта 2012

Я использую простой модал . Есть ли способ предотвратить прокрутку фона (за оверлеем), когда вы поворачиваете колесо мыши за пределами модальных границ?

Спасибо!

Ответы [ 2 ]

5 голосов
/ 09 марта 2012

При создании модала установите overflow:hidden для тела. Тогда вы не сможете прокручивать фон и, скрывая модальное, установите overflow:auto для body.

1 голос
/ 09 марта 2012

Я думаю, что вы можете сделать это: 

$(document).on('mousewheel', '.simplemodal-overlay, .simplemodal-data', function(event) {
    event.preventDefault();
});

Я не уверен, если mousewheel имеет полную кросс-браузерную поддержку, хотя.

Редактировать: Я проверил, что это работает, но вам нужен плагин mousewheel: https://github.com/brandonaaron/jquery-mousewheel/downloads

Пример: http://jsfiddle.net/jtbowden/AhpLc/

(я вставил jquery.mousewheel.min.js в область скрипта ... Не надоэто сделать)

...