Развернуть div за пределами контейнера - переполнение-x мобильная проблема

Недавно я попытался this method увеличить размер фона div вне его контейнера. Все в порядке, за исключением того, что применение переполнения-x к телу, на мобильных браузерах на самом деле не работает.I означает, что при прокрутке влево все еще прокручивается (тот же эффект можно добиться на рабочем столе, если вы нажимаете стрелку вправо на клавиатуре). Так как мы можем полностью отключить прокрутку по горизонтали на мобильных телефонах при использовании этого метода?Развернуть div за пределами контейнера - переполнение-x мобильная проблема

Вот мой jsfiddle: http://jsfiddle.net/kzgvL6ba/

Вот мой пример: HTML:

<body> 
    <article> 
     <div class="extendfull">Full-width Bars</div> 
    </article> 
</body>

CSS:

body 
{ 
    overflow-x: hidden; 
} 
article { 
    background-color: #DDDDDD; 
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    display: block; 
    margin: 0 auto; 
    padding: 0 10px; 
    width: 60%; 
} 
div.extendfull { 
    background-color: #ccf; 
    border: 1px solid #66c; 
    font-size: 1.8em; 
    font-weight: normal; 
    padding-left: 3000px; 
    margin-left: -3000px; 
    padding-right: 3000px; 
    margin-right: -3000px; 
}

Спасибо!

источник

2014-11-11 Eddi

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

<body> 
    <div style="overflow-x: hidden"> 
     <article> 
      <div class="extendfull">Full-width Bars</div> 
     </article> 
    </div> 
</body>

fiddle

источник

2014-11-11 12:24:50 peppeocchi

Это сработало. Большое спасибо! – Eddi

Я думаю, что это должно сработать:

<meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />

источник

2014-11-11 12:28:28 azhpo

Будет ли это отключать масштабирование? Если это не то, что я ищу. Спасибо. – Eddi

Развернуть div за пределами контейнера - переполнение-x мобильная проблема

ответ

Смежные вопросы