iOS Safari расширяет набор фреймов больше, чем область просмотра - PullRequest
0 голосов
/ 20 января 2011

Я работаю над веб-страницей, в которой есть набор фреймов, содержащий горизонтальное разбиение; боковая панель слева для меню и области содержимого.

<!DOCTYPE html>
<html>
<head>
    <title>Frameset Test</title>
</head>

<frameset border="0" cols="100,*">
    <frame id="SideMenu" name="SideMenu" src="SideMenu.html" scrolling="no" />
    <frame id="MainPage" name="MainPage" src="LongPageContent.html" scrolling="auto" />
</frameset>
</html>

В настольных браузерах (включая Safari) для набора фреймов задан размер области просмотра, а полоса прокрутки отображается для длинного содержимого страницы во фрейме MainPage. В Safari на iOS набор фреймов расширяется до того же размера, что и содержимое фрейма MainPage, выходя за пределы видимого окна просмотра.

Мне нужно прежнее поведение, чтобы размер страницы оставался таким же, как у окна просмотра, независимо от содержимого в MainPage. Я возился с метатегом viewport, но настройка окна просмотра не изменяет поведение набора фреймов.

Я знаю, что рекомендации Apple по iOS рекомендуют избегать наборов фреймов, поскольку прокрутка более запутанная (требуется прокрутка двумя пальцами в фреймах), но отключение фреймов - не лучший вариант.

Ответы [ 2 ]

2 голосов
/ 28 февраля 2011

Руководство по веб-контенту safari утверждает, что это нормальное поведение.Рамка будет расширяться, охватывая ваш контент, и вы не сможете прокручивать ее.

Извините, но вам придется отбрасывать кадры.

Вы можете либо кодировать боковую Nav на каждой странице (что ужасно), либо собрать что-то вместе в PHP, чтобы динамически загружать содержимое SideMenu в столбец.

1 голос
/ 02 марта 2011

AFAIK, <frame> и <iframe> режим прокрутки двумя пальцами отменен.Поскольку в iOS 4.X эти элементы теперь изменяют размеры до размера своего контента.

Поскольку position:fixed; не работает ни на iOS, вы не можете заблокировать свой кадр SideMenu, чтобы позволить остальным прокручиваться.

Эта библиотека, кажется, предоставляет интересный обходной путь: http://cubiq.org/iscroll

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...