Прокрутка в HTML-виджета

Я создал веб-страницу с широким фоном шириной 4000 пикселей, а в Chrome и Safari на Windows, Mac и iPad она прокручивается хорошо. Я могу прокручивать влево, сверху и справа без проблем, точно так же, как вы ожидали.Прокрутка в HTML-виджета

Но когда я конвертирую эту страницу в формат .wdgt, импортирую ее в iBooks и просматривая ее на iPad (4), страница не будет прокручиваться в любом направлении.

Я попытался добавить overflow: scroll; -webkit-overflow-scrolling: touch; к CSS тела и контейнера, но это не решит проблему.

HTML-

<body> 
<div id="container"> 
</div> 
<body>

CSS-

/* General */ 
* { 
    margin: 0; 
    padding: 0; 
} 
body { 
    font-family: Verdana, sans-serif; 

} 

#container { 
    width: 10158px; 
    height: 974px; 
    background: url(../img/1B.jpg) no-repeat; 
    -webkit-background-size: 10158px 974px; 

}

Кто-нибудь знает, как решить эту проблему? Это проблема CSS или JavaScript?

Заранее спасибо.

источник

2013-06-05 Sgarz

сообщений некоторой коды. У меня была аналогичная проблема с тем, что веб-приложение не прокручивалось на некоторых старых iDevices и браузерах для Android, проблема заключалась в том, что были некоторые элементы, которые отображались на высоте и ширине 100%, которые мне пришлось удалить. – Joey

У меня нет 100% высоты/ширины, но я добавляю код. – Sgarz

Посмотрите здесь:

https://github.com/edwilde/iBooks-HTML-Widget-Boilerplate

Это является шаблонным специально для создания для интерактивных книг , который, по-видимому, нацелен на &, устраняет вашу проблему.

Еще одно предложение было бы с помощью IFrame, что-то вроде:

<div id="container" style="overflow: scroll; -webkit-overflow-scrolling: touch;"> 
    <iframe width="4000" height="100%" src=""> </iframe> 
</div>

источник

2013-06-14 08:15:33 blend

Поскольку я так и делал это, прежде чем я увидел ответ, я дам щедрость. – Sgarz

Ty, рад, что вы его отсортировали:) – blend

Вы добавили в голову что-то вроде?
мета имя = «видовой экран» содержание = «начальный масштаб = 1,0, максимальный масштаб = 1,0»

источник

2013-06-12 11:16:11 Bernardao

Да пробовал это раньше, не работал. – Sgarz

Прокрутка в HTML-виджета

ответ

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