Как сделать, чтобы блок выходил за границы экрана, но при этом горизонтального скролла не было?

Ссылка скопирована
CSS HTML JavaScript
1 ответ

Пробовал overflow: hidden;, не работает.

Дополнительно:

body {   overflow-x: hidden; }

body { overflow-x: hidden; }

  • А по другому можно? просто я не хочу для всего запрещать горизонтальный скролл, а только если 1 элемент за границы вышел то скролл не появлялся
  • ginap0, фиксированные элементы не вызовут появление скролла 
    .el {   position: fixed; }

    .el { position: fixed; }

  • Сергей delphinpro, спасибо большое
  • Сергей delphinpro, но он будет фиксировать даже когда скроллишь ниже, но мне так не надо, может как то через overflow hidden; по другому можно?
  • ginap0, а что за блок если не секрет ?
  • ginap0,

    по другому можно?

    А можно сразу изложить все свои "хотелки"? Или так и будете уточнять на каждый ответ...

  • ginap0, Оберни этот элемент в отдельный контейнер у этого контейнера уже убери скролл. Контейнер можно абсолютом растянуть на всю ширину секции. Нужен пример, чтобы точнее подсказать.

    Есть ещё overflow-x: clip; - возможно он подойдёт лучше.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Кирилл JS Ответ

Для того чтобы сделать блок выходящим за границы экрана без горизонтального скролла, можно использовать CSS свойство `overflow-x: hidden;`. Это свойство скроет любое содержимое, которое выходит за пределы родительского блока по горизонтали.

Пример использования этого свойства с помощью CSS:

.container {
  width: 100%;
  overflow-x: hidden;
}
 
.block {
  width: 120%;
}

.container { width: 100%; overflow-x: hidden; } .block { width: 120%; }

В данном примере, блок с классом `.block` будет иметь ширину 120% от ширины родительского блока с классом `.container`, что приведет к тому, что он будет выходить за границы экрана по горизонтали. Однако, благодаря свойству `overflow-x: hidden;` у родительского блока, горизонтального скролла не будет.

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

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 0 ответов Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 0 ответов печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 0 ответов Telegram Как диагностировать ошибку с подключением к прокси в мобильном приложении Telegram? 0 ответов