Как включить скроллинг в диве на мобильном устройстве?

Question

[Finom]

Всем добрый.
Как реализовать скроллинг в диве с overflow: scroll на устройстве с тач интерфейсом?
jsfiddle.net/H7EAu/9/ — в этом примере он не срабатывает, как и в проекте, которым я сейчас занят.
(Устройство — Kindle Fire)

Answer 1

[Vitaliy Petrychuk]

Это глюк браузера

Comments

[Finom]

Гм, спасибо. Но в опере то же самое. Скроллбары видны (что странно), но скроллить нельзя. В FF всё ок. Стоит ли волноваться за мобильный Safari? Движки-то у него и у киндловского браузера одинаковы.

[SerDIDG]

В опере скроллить можно, если жать на пространство скролла, а сам ползунок не работает.

[Finom]

У меня не выходит.

[Vitaliy Petrychuk]

Стоит ли волноваться за мобильный Safari?
Нет, там все работает почти как на десктопе :)

[Finom]

cubiq.org/iscroll — здесь говорят, что таки нет.

Answer 2

[SerDIDG]

Это зависит от браузера, к примеру в Opera Mobile есть, а в Firefox для андроида нету.

Лучше всего сделать кастомный, если нужен скролл, есть много библиотек готовых. Но честно говоря, скролл не лучшее решение для тач интерфейсов.

Comments

[Finom]

Нет, мне не нужен скролл, мне нужно, чтоб контент «перематывался» в зависимости от скорости передвижения пальца при прикосновении. Можно, конечно, сделать и программно, но решение будет явно сложнее и тяжелее.

[SerDIDG]

Всё достаточно просто. Вот взял свой код с проекта.
jsfiddle.net/pZhPE/9/

[Finom]

Спасибо, учту. Жаль, только, контент не двигается по инерции, когда отпускаешь палец. Придется дописывать.

Answer 3

[SharkyFLY]

в ios сафари скролл одним пальцем — вся страница, двумя пальцами — скролл дивов, ифреймов и т д

Answer 4

[evnuh]

Недавно реализовывал скроллинг на iOS Safari. Там надо подписываться на три метода: onTouchStart (определяем, какой див скроллить), onTouchMove(скроллим в зависимости от координат пальца), onTouchEnd (перестаем скроллить).

на jQuery есть библиотечка в 150 строчек кода: baijs.nl/tinyscrollbar/
На iOS, к сожалению, в ней скролится только ползунками. Я ее допилил до ума так, чтоб HTML не гавнить и чтоб работал скролл на iOS одним пальцем. Если надо, могу скинуть.

Comments

[Finom]

Да, давайте. В любом случае, будет выбор. А там, может, напишу своё решение (раньше с тач интерфейсами не сталкивался).

Answer 5

[Egor Merkushev]

Использовал iScroll — вот пример.