barkar,
Вариант запрета scroll на body jquery...
на всякий случай
|
Сообщение от barkar
|
|
jquery 2.1
|
не для старых браузеров, код ниже работает со всеми версиями jquery.
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body{
background-color: #FFCC66;
}
div{
width: 200px;
height: 150px;
overflow-y: scroll;
overflow-x: hidden;
}
div div{
width: 200px;
height: 500px;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #8B4513), color-stop(1, #FFEFD5));
background-image: -ms-linear-gradient(top, #8B4513, #FFEFD5);
background-image: -o-linear-gradient(top, #8B4513, #FFEFD5);
background-image: -moz-linear-gradient(top, #8B4513, #FFEFD5);
background-image: -webkit-linear-gradient(top, #8B4513, #FFEFD5);
background-image: linear-gradient(to bottom, #8B4513, #FFEFD5)
}
</style>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
<script src="http://brandonaaron.github.io/jquery-mousewheel/jquery.mousewheel.js"></script>
</head>
<body>
<div><div>Содержание с прокруткой 1</div></div><br>
<div><div>Содержание с прокруткой 2</div></div><br>
<div><div>Содержание с прокруткой 3</div></div><br>
<div><div>Содержание с прокруткой 4</div></div>
<script>
$('div').mousewheel(function(event, delta, deltaX, deltaY) {
event.preventDefault();
this.scrollTop += delta > 0 ? -15 : 15;
})
</script>
</body>
</html>