Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.09.2015, 13:39
Новичок на форуме
Отправить личное сообщение для TimofeyEid Посмотреть профиль Найти все сообщения от TimofeyEid
 
Регистрация: 05.09.2015
Сообщений: 3

Блокировка скролла всей страницы при наведении на элемент
Имеется такой код
http://plnkr.co/edit/BsX7jHYKgXZU8SBE8tJY?p=preview
Если не наводить мышкой на блок, скролл body с помощью стрелок клавиатуры работает
При первом наведении на блок, скролл при помощи стрелок блокируется и больше не работает
Как сделать так, чтобы при уходе мыши с блока, скролл при помощи стрелок клавиатуры снова работал

И то же самое со скроллом с помощью колёсика мыши

Помогите пожалуйста, совсем ничего не получается
Ответить с цитированием
  #2 (permalink)  
Старый 06.09.2015, 13:52
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

Думаю - разберешься.

<!DOCTYPE html>
<html>

  <head>
	<style>
		/* Styles go here */

		body {
		  height: 2000px;
		}

		.block {
		  background-color: red;
		  width: 100px;
		  height: 100px;
		  margin: 100px auto;
		}

		.hey {
		  background-color: green;
		}
	</style>
    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
  </head>

  <body>
    
    <div class="block"></div>

    <script>
    $(document).ready(function(){
        
          function disableScroll() {
            return false;
          }
              
          $('.block').mouseover(function(){
              $(this).addClass('hey');
              $(document).bind('keydown DOMMouseScroll mousewheel', disableScroll);
          });
          $('.block').mouseout(function(){
            $(this).removeClass('hey');
            $(document).unbind('keydown DOMMouseScroll mousewheel', disableScroll);
          });
      });
    </script>

  </body>

</html>

Последний раз редактировалось Lemme, 06.09.2015 в 14:16.
Ответить с цитированием
  #3 (permalink)  
Старый 06.09.2015, 15:30
Новичок на форуме
Отправить личное сообщение для TimofeyEid Посмотреть профиль Найти все сообщения от TimofeyEid
 
Регистрация: 05.09.2015
Сообщений: 3

Lemme, большое спасибо!
То, что нужно
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
submit form при закрытие страницы djonA Общие вопросы Javascript 0 26.05.2013 00:49
Как при прокрутке страницы оставлять элемент на месте? FRIE jQuery 1 02.08.2012 20:54
установить переменную сессии через ajax при загрузке страницы optik77 AJAX и COMET 3 02.06.2011 17:36
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06
Картинка не изменяется при наведении. astashovaj Общие вопросы Javascript 11 12.01.2011 10:44