Я пытаюсь написать код jQuery, который должен работать в мобильном браузере, и у меня возникла проблема с прокруткой области просмотра до элемента.У меня есть элемент, который не виден, и я хочу прокрутить (и X, и Y), чтобы он стал видимым.
Я попытался использовать отличный плагин scrollTo jquery (http://flesler.blogspot.com/2007/10/jqueryscrollto.html), и хотя онпрекрасно работает на всех настольных браузерах, которые я пробовал (FF, IE6 +, Chrome), у меня не получилось на моем браузере Android (нативно для Android 2). Кажется, что прокручивается, но не в правильную позицию.настройте демонстрационную страницу, используя jsfiddle здесь (ссылка на результат) - http://jsfiddle.net/8cfqM/3/embedded/result/
В этой очень простой демонстрации я настроил два абсолютно позиционированных элемента div, один из которых расположен справа внизу страницы (что делает документ оченьбольшой), а второй вниз и вправо, но не так сильно. Затем я пытаюсь прокрутить до второго деления.
Это отлично работает в моем браузере на рабочем столе, но не на моем мобильном телефоне, просто не прокручиваетсяс правильной позицией элемента. То же самое происходит со мной, когда элементы расположены не совсем, кстати.
Я также пытался использовать $ ('html, body'). scrollTop / Left (With и without animate) и получил в основном те же результаты.то же самое, когда я использовал некоторые возможности, чтобы «понюхать», чтобы определить, является ли «html» или «body» правильным элементом для использования (как описано здесь - http://www.zachstronaut.com/posts/2009/01/18/jquery-smooth-scroll-bugs.html). Все дали один и тот же конечный результат более или одинаково.
Я предполагаю, что проблема заключается в том, что все эти методы не прокручивают правильный элемент, и что это связано с разницей между визуальными и макетными окнами просмотра в мобильных браузерах, о которых я слышал, но, вероятно, неЯ еще недостаточно хорошо понимаю, чтобы решить эту проблему (доказательство заключается в том, что я не ...).
Помогите кому-нибудь?
Спасибо!