Показать сообщение отдельно
  #5 (permalink)  
Старый 15.04.2014, 18:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,192

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>
Ответить с цитированием