Szorstki, потому что firefox прекратил поддержку keyCode.
|
При чем здесь keyCode? Я может не правильно выразился. Блокирование клавиш как раз работает нормально. Не срабатывает только блокировка мыши.
|
Szorstki,
продублировать mousewheel для DOMMouseScroll или попробовать заменить mousewheel на wheel |
Szorstki,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<style>
div {
height: 2000px;
border: 1px solid black;
}
</style>
<script>
$(function () {
var keys = { 37: 1, 38: 1, 39: 1, 40: 1, 32: 1, 36 : 1, 35: 1 };
$('.nav-icon').click(function () {
$('body').toggleClass('nav-active');
});
$('body').on({
'mousewheel DOMMouseScroll': function (e) {
if ($('body').hasClass('nav-active')){
e.preventDefault();
e.stopPropagation();
}
},
'keydown': function (e) {
var key = e.keyCode
if (keys[key] && $('body').hasClass('nav-active')) {
e.preventDefault();
e.stopPropagation();
}
if (key == 27) {
$('body').removeClass('nav-active')
}
}
})
})
</script>
<div class="nav-icon"><span><span class="invisible">Меню</span></span></div>
</body>
</html>
|
destus, спасибо. Теперь работает действительно везде и, как надо.
|
Цитата:
|
JAMLIGHT, "overflow-x:hidden;" не подходит?
|
подходит, только не работает в IE(работает прокрутка выделением ).Может есть кроссбраузерное решение или баг на сss для IE?
|
JAMLIGHT, это в верстке баг, если контент в область просмотра не помещается.
|
не дураки вроде. нету вылезших обьектов.в хроме всё норм а ie показывает пустоту справа при прокрутке выделением или полосой при разрешении ниже 320 px.другие браузеры не сужаются на столько
|
| Часовой пояс GMT +3, время: 11:00. |