Как остановить горизонтальную прокрутку? - PullRequest
Новая
       5

Как остановить горизонтальную прокрутку?

3 голосов
/ 07 июня 2010

Я написал файл, используя html и javascript.

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

Как я могу это сделать?

Ответы [ 6 ]

8 голосов
/ 07 июня 2010

Сарфраз уже упомянул overflow-x, что является одним из ответов, хотя это означает (как говорится!), Что все, что было бы направо, теперь недоступно для Пользователь. Для этого есть варианты использования, но в основном нежелательно беспокоиться о том, чтобы иметь контент, к которому у пользователя нет доступа.

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

<p>...lots of text here...</p>

... но это будет: 

<p style='width: 1200px'>...lots of text here...</p>

... если окно браузера пользователя имеет ширину менее 1200 пикселей.

Так что, если содержимое недоступно справа, это не то, что вы намереваетесь , мой ответ - найти элементы, вызывающие прокрутку, и исправить их.

6 голосов
/ 07 июня 2010

Применить следующий стиль к этому элементу: 

overflow-x:hidden;

или должно быть: 

overflow:auto;
overflow-x:hidden;

это обеспечит вертикальную прокрутку при необходимости.

0 голосов
/ 07 июня 2010

, если вы хотите html.body или div жидкость; 

div.sample{ width:100%;}

образец div изменит размер, большой или маленький экран / без скроллера /

0 голосов
/ 07 июня 2010

Если вы хотите использовать это в каждом браузере, вам не следует добавлять ширину к элементу, и тогда он не будет горизонтальным переполнением в каждом браузере.

0 голосов
/ 07 июня 2010

Если я правильно понимаю ваш вопрос, вы хотите, чтобы ваш контент не выходил за границы окна браузера. Очень часто дизайнеры устанавливают ширину макета на 960 пикселей, чтобы установить фиксированную ширину по центру страницы, которая хорошо вписывается в экран компьютера размером 1024 пикселей на 768 пикселей. Согласно комментариям ниже, компьютер с меньшим разрешением получит полосы прокрутки из-за этого. Вы бы сделали это с чем-то вроде: 

<html>
<head>
</head>
<body>
  <div style="width:960px; margin:0 auto;">
     ... The rest of your content goes here ...
  </div>
</body>
</html>

Подробнее о ширине браузера вы можете прочитать здесь:

http://www.fivefingercoding.com/web-design/is-there-a-perfect-web-design-width

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

<table style="width:99999px;"> ... table stuff ... </table>
0 голосов
/ 07 июня 2010

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

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

Нет похожих вопросов

...