| рони | 13.07.2016 11:39 |
formus,
Запретить скроллинг страницы
Здравствуйте!
подскажите, как запретить скроллинг всей страницы? прокрутка будет реализована вот так http://tympanus.net/Tutorials/Websit..._vertical.html и нужно исключить другие способы прокрутки страницы - колесиком мыши, клавишами вврех-вниз... |
ivan2006bip,
Так - не пойдёт ?
<style>
html,body{
overflow-y:hidden;
}
</style>
|
Deff,
стрелками можно крутить ;) |
Цитата:
немало кодотруда получится, и из-за такой мелочи. а потом ещё в IE надо посмотреть будет... зачем оно вам? |
Если поместитить в <div style="width: 100%; height: 100%; overflow: hidden"></div>, то проблема вроде решается
|
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;
}
Конечно же, если зажать клавишу, то все таки проскачет, это нормально. Насчет телефонов я думаю не особо будет замудоны с эффектами, дабы у них еще не выросла такая поддержка как у браузеров на ПК. |
Цитата:
Цитата:
PS вообще, нафиг оно сдалось? запрет скролла в данном случае - пятое колесо, вообще ненужная фича. |
Дофига тогда кода нужно писать ради красоты.
Притом если запретить клик на колесико мыши можно лишиться открытия новых вкладок, что ну очень не кстати. Вообщем идея дурная. |
Мой вариант, я так понимаю, проигнорировали (где там много кода?):)
|
Цитата:
Цитата:
|
Цитата:
<body style="overflow: hidden"> <div style="width: 100%; height: 100%;overflow: hidden; white-space: nowrap"> <button>click</button><button>click</button><button>click</button><button>click</button> <button>click</button><button>click</button><button>click</button><button>click</button> <button>click</button><button>click</button><button>click</button><button>click</button> <button>click</button><button>click</button><button>click</button><button>click</button><button>click</button> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> <button>click</button><br><button>click</button><br><button>click</button><br> </div> </body> |
<!DOCTYPE HTML>
<html>
<head>
<style>
body{
overflow:hidden;
}
</style>
</head>
<body>
<script>
for(var i = 0;i<3000;i++){
document.writeln(i);
}
</script>
</body>
</html>
|
cyber, смотри посты 3 и 4 (например, в FF можно стрелками перемещать)
|
Цитата:
отлично, на смартфоне даже текст выделяется \ копируется. |
melky, не понял, речь шла о запрещении скролла, а не о запрещении выделения.
PS: или всё ок имеется в виду:) |
спасибо! сейчас буду пробовать все советы)
запрет скрола, не лично моя прихоть, я бы оставил |
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<style>
body{
overflow:hidden;
}
</style>
</head>
<body>
<script>
for(var i = 0;i<3000;i++){
document.writeln(i);
}
document.body.onkeydown = function (e){
if(e.keyCode==40)return false;
}
</script>
</body>
</html>
|
cyber, а если программно прокрутку сделать (как и делается в исходном примере), то можно будет вверх вернуться, а если white-space: nowrap, например, то и вправо можно будет переместиться и т.п. (в итоге приходим к посту 6 :)
|
Цитата:
|
тут не прокрутку надо отключать а реализовать по другому.
"overflow:hidden" на всю страницу "width:100%" и "height:100%", и внутри него через margin-top или top двигать контент |
Так перестает работать клик с первого раза, если мы показали div например с кнопкой поверх body.
|
formus,
|
| Часовой пояс GMT +3, время: 09:40. |