Прокрутка переполнения не работает на телефоне Android

Я не могу получить overflow: scroll, чтобы работать на моем LG Optimus Elite.Прокрутка переполнения не работает на телефоне Android

Функции сайта правильно, когда я загрузить его на моем рабочем столе (Chrome), но я не могу прокручивать в DIV на моем LG, даже если его переполнение установлено в scroll.

Я хотел бы, чтобы обеспечить код/примеры здесь, но он проприетарный и на самом деле не нужен для этого.

Есть ли какой-то другой атрибут, который мне нужно назначить для прокрутки сенсорного экрана в абсолютно позиционированном div?

Спасибо, извините еще раз за неопределенность.

источник

2013-07-19 hannebaumsaway

Добро пожаловать.

overflow:scroll работает в моем ICS. Tested в браузере, Dolphin, Chrome и Firefox. Не знаю о прянике. Обратите внимание, что нет полос прокрутки (кроме Chrome), и вы прокручиваете их, перетаскивая содержимое с помощью сенсорного экрана, очень хороший дизайн.

Ниже страница используется в тесте:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
div.container { 
    position:relative; 
} 
div.overflow_scroll { 
    position:absolute; 
    top:5px; 
    left:150px; 
    overflow: scroll; 
    width: 110px; 
    height: 110px; 
    background-color: lime 
} 
div.overflow_hidden { 
    overflow: hidden; 
    width: 110px; 
    height: 110px; 
    background-color: blue; 
} 
</style> 
</head> 

<body> 
<div class="container"> 
    <div class="overflow_scroll"> 
     <p>overflow:scroll</p> 
     An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph.   
    </div> 
</div> 
<p>overflow:hidden</p> 
<div class="overflow_hidden">An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. An example of a long paragraph. 
</div> 
</body> 
</html>

источник

2013-07-19 02:29:59 user2597840

Ваш пример не работает на LG Optimus Elite. На самом деле я ссылаюсь на свой вопрос. Следовательно, моя проблема. Параметр 'overflow' CSS не реализуется браузером телефона. – hannebaumsaway

В LG Optimus Elite по умолчанию работает Android 2.3, чей браузер не поддерживает свойство переполнения CSS. Таким образом, приведенный выше код действительно не будет работать на вашем устройстве.

Вы можете использовать JS-библиотеки, чтобы преодолеть эту проблему для устройств с Android < 3.0, таких как iScroll, FTScroller, Overthrow ... Однако они стоят дорого как в производительности (JS polyfill), так и в опасности не иметь «родное» чувство, прокручивающееся на вашем устройстве (так называемая сверхъестественная долина).

источник

2013-09-17 12:24:06

Вы, конечно, верны, так как я обнаружил [здесь] (http://stackoverflow.com/questions/18192002/overflow-scroll-not-working-on-android-touchscreen). Благодаря! – hannebaumsaway

Прокрутка переполнения не работает на телефоне Android

ответ

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