Полное удаление горизонтальной полосы прокрутки - PullRequest
0 голосов
/ 10 октября 2011

Есть ли способ полностью избавиться от горизонтальной полосы прокрутки на веб-странице?

Команда "overflow-x: hidden;"на body / html скрывает визуальный стиль, но функциональность на самом деле все еще там, если вы используете стрелки на клавиатуре, какой тип отстой ...

Ответы [ 3 ]

2 голосов
/ 10 октября 2011

Вы спрашиваете, как избавиться от полосы прокрутки, и да, overflow: hidden - это путь.

Если вопрос заключается в том, как избежать прокрутки, ваш лучший подход заключается в разработке веб-страниц, которые не переполняются, возможно, с использованием комбинации динамических плавных дизайнов и медиа-запросов, чтобы сохранить ширину и высоту содержимого вашего контента. *

Но я бы порекомендовал против этого. Вы не сможете заранее узнать, какой размер окна будет у ваших посетителей. Задумывались ли вы о различиях в удобстве использования больших и маленьких экранов? Как насчет мобильных браузеров?

Если вы действительно настроены на то, чтобы никогда не разрешать прокрутку, вы можете использовать следующий css в качестве хитрого трюка:

body {
    position: fixed;
    left: 0px;
    top: 0px;
}

Но, как я уже сказал, я бы не рекомендовал это ... Кроме того, это, вероятно, не будет работать со старыми браузерами. IE6 приходит на ум. Может быть, IE7 также ...

0 голосов
/ 10 октября 2011

К сожалению, есть только не CSS-способ исправить это: вы должны предотвратить прокрутку с помощью JavaScript, используя onscroll.Не ожидайте, что preventDefault() будет работать - вы должны быть более креативными:

  1. Использовать scrollTo(0,0)
  2. или
    • предотвратить все стрелки / страницы-клавиша ввода
    • запретить ввод всех колес мыши

Проверьте ответ на другой вопрос: Как временно отключить прокрутку? .

0 голосов
/ 10 октября 2011

Вы не можете отключить возможность прокрутки пользователей, вы можете отключить только визуальные помощники (например, полосы прокрутки). Если вам не нужна прокрутка, вы должны держать ширину ваших страниц ниже ширины окна просмотра окна браузера. Вы можете сделать это, передавая и изменяя размеры элементов в зависимости от размера области просмотра.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...