LINUX.ORG.RU

а вообще браузеры на iPhone/iPad умеют нормально ПРОКРУЧИВАТЬ?

 , ,


2

1

берем простейший код: некий div с контентом больше его размера (пример ниже). Вообще говоря пример встречается в интернете на каждом сайте по n раз.

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

думал простенькую страничку зафигачить и теперь хз. судя по всему айфоны умеют прокручивать нормально только body.

<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>test</title>

        <style>
            html, body {
                height: 100%;
                width: 100%;
                overflow: none;
                margin: 0px;
                padding: 0px;
            }

            #main {
                height: 100%;
                width: 100%;
                overflow: none;
            }
            #header, #footer {
                height: 20%;
                overflow: none;
                background-color: rgb(200, 200, 200);
                text-align: center;
            }
            #body {
                height: 60%;
                overflow-y: auto;
                background-color: rgb(220, 220, 220);
                padding: 5px;
            }

        </style>
    </head>
    <body>
        <div id="main">
            <div id="header">block</div>
            <div id="body">
                <script>
                    for (var i = 0; i < 1000; i++) {
                        document.write('test line ' + i + '<br/>');
                    }
                </script>
            </div>
            <div id="footer">block</div>
        </div>
    </body>
</html>

Перемещено JB из talks

★★

все браузеры прокрутку в

<div>
нормально обрабатывают, а айфонный/айпадный браузер «сопротивляется» когда прокручиваешь.

rsync ★★
() автор топика
Ответ на: комментарий от rsync

Не совсем понятна логика.

Если мобила в портретном режиме (5s ios 9.2.1), то у меня все влазит по высоте и скроллить можно только вложенный список. С ним проблем нет.

Если мобила в горизонтальной ориентации, то по высоте все не влазит, сверху-снижу «блок», посередке список. Если пальце по списку - скроллится список, если палцем по «блок» - скроллится вся страница целиком.

Что не так?

dk-
()
Ответ на: комментарий от dk-

Если мобила в портретном режиме (5s ios 9.2.1), то у меня все влазит по высоте и скроллить можно только вложенный список. С ним проблем нет.

с ним проблемы есть и огромные. попробуй поскроллить вверх-низ. Браузер (iphone5,6, ipad'ы) «сопротивляется». Попробуй после этого блока поскроллить скажем linux.org.ru (у которого не div, a body скроллится) и посмотри на разницу.

rsync ★★
() автор топика
Ответ на: комментарий от dk-

сравнил со скроллом linux.org.ru? когда body скроллишь - скроллит плавно. когда div скроллишь - скроллит рывками: похоже что пытается скроллить body

херню короче какую-то наваяли, которая нормально интернет даже показывать не может

rsync ★★
() автор топика
Ответ на: комментарий от rsync

И такой проблемы нет. Завтра попробую тебе видео второй мобилой записать, напомни.

Со скроллом я сталкивался когда делал модальное окно вызываемое из виртуального тура. Вот там были проблемы, через какие-то js костыли решал.

Сафари отлично показывает интернет в мобилах. А за «режим чтения» (или как там он называется, когда оставляет лишь текст делая его крупнее) им памятиник ставить надо.

dk-
()

Гейфоны и гейпады вообще неспобны к прокрутке. Там приходится пердолить экран на каждый чих, причём непонятно на сколько строк оно прокрутится. Есть божественный андроид с божественным UC Browser, где можно скроллить на страницу туда-сюда кнопами громкости.

Yossarian
()
Ответ на: комментарий от dk-

Скорее всего он имеет ввиду, что список крутится без инерции, а сайты с инерцией. Это чинилось явным указанием типа прокрутки в стиле, не помню как именно.

По сабжу: убивать (ну или хотя бы пороть) за вложенный скролл и/или фиксированные поля в мобильной версии. Да и в десктопной тоже. Кат вам для чего придумали? Давай поясню по хардкору: если окно прокручивается, то остальное прокручиваться не должно, разве что разворачиваться; если окно НЕ прокручивается (от слов «совсем», «spa»), то допускается невложенная прокрутка нескольких отдельных элементов; если это мобильник, то прокручиваться должно только окно. Все остальное это кошмар UX независимо от платформы.

arturpub ★★
()
Ответ на: комментарий от arturpub

По сабжу: убивать (ну или хотя бы пороть) за вложенный скролл и/или фиксированные поля в мобильной версии. Да и в десктопной тоже. Кат вам для чего придумали? Давай поясню по хардкору: если окно прокручивается, то остальное прокручиваться не должно, разве что разворачиваться; если окно НЕ прокручивается (от слов «совсем», «spa»), то допускается невложенная прокрутка нескольких отдельных элементов; если это мобильник, то прокручиваться должно только окно. Все остальное это кошмар UX независимо от платформы.

Простой пример - список с выбором языка. Их дофига.

Yossarian
()
Ответ на: комментарий от Yossarian

На ios для этого юзают спецконтрол, гугли ios dropdown. Я не говорю, что сафари не говно, тащемта весь веб говно, но надо изучать платформу, прежде чем лепить еще более убогие костыли.

arturpub ★★
()
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;

Вот, нашел, только обещай юзеров не мучать.

arturpub ★★
()
Ответ на: комментарий от arturpub

вот спасибо! тему можно закрыть :)

PS: это старый метод: если не знаешь как делать, а гугл не помогает - надо устроить срач на каком-то хорошем форуме. по ходу дела кто-то ткнет тебя носом в решение. главное не забыть сказать ему спасибо :)

rsync ★★
() автор топика

Проблемы лично твоего iOS устройства.

У меня все плавно.

bookman900 ★★★★★
()

Проверил на iPad — подтверждаю, всё плавно.

Miguel ★★★★★
()
Ответ на: комментарий от Yossarian

с божественным UC Browser

Зачем столько пить?

anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.