Javascript-форум - Запретить скроллинг страницы

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Запретить скроллинг страницы (https://javascript.ru/forum/events/30312-zapretit-skrolling-stranicy.html)

Цитата:

Сообщение от melky

сделаете пример?

<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 можно стрелками перемещать)

Цитата:

Сообщение от bes (Сообщение 193283)

<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>

http://jsbin.com/alalam/3

отлично, на смартфоне даже текст выделяется \ копируется.

melky, не понял, речь шла о запрещении скролла, а не о запрещении выделения.
PS: или всё ок имеется в виду:)

спасибо! сейчас буду пробовать все советы)
запрет скрола, не лично моя прихоть, я бы оставил

Цитата:

Сообщение от bes (Сообщение 193307)

cyber, смотри посты 3 и 4 (например, в FF можно стрелками перемещать)

<!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 :)

Цитата:

Сообщение от bes (Сообщение 193340)

да при желание можно поправить и исходный код:)

тут не прокрутку надо отключать а реализовать по другому.
"overflow:hidden" на всю страницу "width:100%" и "height:100%",
и внутри него через margin-top или top двигать контент