Мобильный сайт - не прокручивается вообще - PullRequest
Новая
       19

Мобильный сайт - не прокручивается вообще

3 голосов
/ 07 июля 2011

Я гуглил везде - у моего сайта нет фиксированных высот, нет фиксированных мест размещения. Он показывает окно просмотра, как я хотел, но ТОЛЬКО это. Он не прокручивает и не показывает ничего другого.

Чего мне не хватает? Я перепробовал все варианты переполнения, похоже, ничего не работает.

Ответы [ 4 ]

11 голосов
/ 07 июля 2011

Я бы сделал следующее ...

  1. Сначала я бы временно отключил / удалил таблицы стилей, чтобы убедиться, что все выглядит как обычный HTML (если у вас все еще есть проблема без таблиц стилей, естьэто, вероятно, js-скрипт, разрушающий хаос)
  2. Я бы искал абсолютную позицию (особенно в элементе оболочки, содержимого или боковой панели) в таблице стилей.Часто это убийца № 1 для прокрутки на устройствах iOS и мобильных телефонов.
6 голосов
/ 07 июля 2011

Теги BODY и HTML имеют высоту 100%, как и ваш .wrapper 

html, body {min-height:100%; height:100%; overflow-x:hidden; display:block;}

Попробуйте удалить высоту из .wrapper 

.wrapper {
    position:relative;
    width:80%;
    margin:0 auto;
}

Если вы испытываете переполнение контента, добавьте overflow: hidden к .wrapper

1 голос
/ 05 июня 2012

Я загружал видео YouTube на свой сайт, используя iframe, загруженный слайдером JavaScript.Это вызвало проблему с Android, которая не позволяла прокручивать и масштабировать страницу.Это не имело никакого отношения к настройке CSS "html, body" высоты или скрытых переполнений.Как только я избавился от своего видео на YouTube в плагине слайдера jQuery, прокрутка и масштабирование веб-сайта начали работать на телефоне Android просто отлично.

0 голосов
/ 06 мая 2015

Попытка удалить последние javascripts, добавленные в ваш HTML! Я обнаружил, что мой сайт не прокручивается на мобильных телефонах, потому что javascript. С уважением,

...