Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.07.2012, 12:49
Новичок на форуме
Отправить личное сообщение для ivan2006bip Посмотреть профиль Найти все сообщения от ivan2006bip
 
Регистрация: 31.07.2012
Сообщений: 9

Запретить скроллинг страницы
Здравствуйте!

подскажите, как запретить скроллинг всей страницы? прокрутка будет реализована вот так http://tympanus.net/Tutorials/Websit..._vertical.html и нужно исключить другие способы прокрутки страницы - колесиком мыши, клавишами вврех-вниз...
Ответить с цитированием
  #2 (permalink)  
Старый 31.07.2012, 13:08
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

ivan2006bip,
Так - не пойдёт ?
<style>
html,body{
  overflow-y:hidden;
}
</style>
Ответить с цитированием
  #3 (permalink)  
Старый 31.07.2012, 13:25
Аватар для Dim@
Профессор
Отправить личное сообщение для Dim@ Посмотреть профиль Найти все сообщения от Dim@
 
Регистрация: 21.04.2012
Сообщений: 951

Deff,
стрелками можно крутить
Ответить с цитированием
  #4 (permalink)  
Старый 31.07.2012, 13:40
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от ivan2006bip
подскажите, как запретить скроллинг всей страницы? прокрутка будет реализована вот таки нужно исключить другие способы прокрутки страницы - колесиком мыши, клавишами вврех-вниз...
и пальцами вверх\вниз на смартфонах.

немало кодотруда получится, и из-за такой мелочи. а потом ещё в IE надо посмотреть будет... зачем оно вам?
Ответить с цитированием
  #5 (permalink)  
Старый 31.07.2012, 15:52
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Если поместитить в <div style="width: 100%; height: 100%; overflow: hidden"></div>, то проблема вроде решается
Ответить с цитированием
  #6 (permalink)  
Старый 31.07.2012, 16:01
Аватар для Apollo_440
Аспирант
Отправить личное сообщение для Apollo_440 Посмотреть профиль Найти все сообщения от Apollo_440
 
Регистрация: 06.05.2012
Сообщений: 48

Dim@,
а кто не позволяет считать keycode и вернуть браузеру false?

Окончательно вариант решения такой:

CSS:
html,body {overflow-y:hidden}


javascript:
document.body.onkeydown = function(e){
e = e || window.event;
var c = e.keyCode;
//Убирает эвент на стрелках, на pageDown, PageUp, Home, End
if(c>36 && c<41 || c>32 && c<37) return false;
}


Конечно же, если зажать клавишу, то все таки проскачет, это нормально.

Насчет телефонов я думаю не особо будет замудоны с эффектами, дабы у них еще не выросла такая поддержка как у браузеров на ПК.
Ответить с цитированием
  #7 (permalink)  
Старый 31.07.2012, 16:05
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от Apollo_440
Окончательно вариант решения такой:
не окончательный, ещё можно скроллить автоскроллом (нажать на колёсико мыши и мотать вниз), и пальцем, на смартфонах.

Сообщение от Apollo_440
Насчет телефонов я думаю не особо будет замудоны с эффектами, дабы у них еще не выросла такая поддержка как у браузеров на ПК.
смищно, на андроиде браузер на вебките мало чем уступает десктопному.


PS вообще, нафиг оно сдалось? запрет скролла в данном случае - пятое колесо, вообще ненужная фича.
Ответить с цитированием
  #8 (permalink)  
Старый 31.07.2012, 16:21
Аватар для Apollo_440
Аспирант
Отправить личное сообщение для Apollo_440 Посмотреть профиль Найти все сообщения от Apollo_440
 
Регистрация: 06.05.2012
Сообщений: 48

Дофига тогда кода нужно писать ради красоты.

Притом если запретить клик на колесико мыши можно лишиться открытия новых вкладок, что ну очень не кстати. Вообщем идея дурная.
Ответить с цитированием
  #9 (permalink)  
Старый 31.07.2012, 16:32
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Мой вариант, я так понимаю, проигнорировали (где там много кода?)
Ответить с цитированием
  #10 (permalink)  
Старый 31.07.2012, 16:33
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от bes Посмотреть сообщение
Мой вариант, я так понимаю, проигнорировали (где там много кода?)
сделаете пример?

Сообщение от Apollo_440 Посмотреть сообщение
Вообщем идея дурная.
я бы назвал это дизайнерской находкой
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скроллинг страницы Semes Javascript под браузер 4 12.09.2011 19:29
условие определенной страницы jQuery makingpretty jQuery 0 22.06.2011 11:17
Загрузить элементы документа с другой страницы alexrussia Events/DOM/Window 10 25.03.2011 10:17
Скроллинг элемента страницы Afonin jQuery 5 14.02.2011 13:08
Вычисление высоты страницы. keysi_ Events/DOM/Window 2 03.08.2010 18:03