Удалить полосы прокрутки из браузера - PullRequest
1 голос
/ 09 мая 2011

У меня на сайте будет фон, полный размер экрана. Из-за кросс-браузерных ограничений некоторые из них предпочитают использовать полосу прокрутки, даже если изображение примерно соответствует размеру экрана. Могу ли я просто удалить полосы прокрутки?

Если вы не можете сказать, я работаю с HTML, CSS и JavaScript:)

Ответы [ 4 ]

10 голосов
/ 09 мая 2011
body {
  overflow: hidden;
}

а то есть 7

html {
  overflow: hidden;
}
2 голосов
/ 09 мая 2011

Попробуйте свойство:

overflow:hidden;

См. Также:

http://www.w3schools.com/Css/pr_pos_overflow.asp

1 голос
/ 09 мая 2011

Убедитесь, что ваше изображение применено с помощью тега body, и если это не сработает, убедитесь, что оно применено к тегу html для обоих этих тегов, например, через файл Cascading Style Sheet.

body {
background: url("image-src");
overflow: hidden;
}`

html {
background: url("image-src");
overflow: hidden;
}

Также не забудьте попробовать фоновое изображение разумной высоты и ширины.

Надеюсь, это поможет.

0 голосов
/ 09 мая 2011

Попробуйте добавить html {overflow:auto;} к своим объявлениям CSS.Автоматическое переполнение дает элементу только те полосы прокрутки, которые ему нужны, и даже не дают их вообще.В случае с отключенной вертикальной полосой прокрутки в IE, использование автоматического переполнения удалит ее, если она не нужна.

Это работает немного лучше, чем использование скрытого переполнения, потому что вы объявляете это на htmlили body.Если окно вашего браузера станет меньше, чем не только ваше изображение, но и ваш контент, у вас не будет никаких полос прокрутки со скрытым переполнением.Как сказал @Marc B в комментарии, удаление компонентов пользовательского интерфейса для реализации проекта обычно считается плохим дизайном.

Подробнее о свойстве переполнения можно прочитать здесь .С сайта:

IE Trick

IE все время отображает вертикальную полосу прокрутки независимо от того, нужна она ей или нет.Это может быть полезно для предотвращения горизонтальных прыжков, но не всегда желательно.Чтобы удалить это в IE, вы можете> установить переполнение на auto для элемента body.

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