0

Добрый день!

Верстается сайт для мобильных ...

Ширина окна по дефолту 100%; Необходимо внутри расположить резиновый блок, но при этом, содержимое блока должно обрезаться, если не входит в экран и должна присутствовать возможность прокрутки touch'ем.

Насколько я понимаю, должно как-то работать с помощью overflow-x: auto; Но как?

Реально ли это реализовать на css?

Если одним CSS не обойтись, прошу подсказать пути решения данной задачи.

Спасибо.

4
  • в смысле хочется прокручивать, но чтобы бегунка не было ? element.scrollTop и element.scrollLeft вам понадобятся из js наверное. только webkit
    – zb'
    13 июн 2013 в 8:47
  • Да, именно так. На сколько я знаю, на мобильных бегунок не отображается ... или?
    – Astor
    13 июн 2013 в 9:59
  • я в мобильниках не силен, но раз вам подойдет, то должно работать как я нарисовал.
    – zb'
    13 июн 2013 в 10:01
  • Спасибо, проверю вечерком.
    – Astor
    13 июн 2013 в 10:03

1 ответ 1

1

Вот решение:

.content-scroll {
    white-space: nowrap;
    overflow: auto;
}

.content {
    display: inline-block;
    min-width: 100%;
}
<div class="content-scroll">
  <div class="content">
   text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
  </div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.