2013-12-05 2 views
0

Итак, у меня есть this jsfiddle example, как вы увидите, у нас есть прокручиваемый div и текст input поле в качестве ребенка.webkit div прокрутка вопрос - задавался снова и снова

Проблема заключается в следующем: входное окно необходимо пребывание внутри контейнера, но DIV НЕ должен прокручивать при вводе

Я попытался поймать keypress события и прокручивать назад, но он прыгает вокруг.. Кроме того, если вы нажмете left-click insite input и перетащите вправо, вы увидите прокрутку div.

Этот вопрос (и тому подобное) был задан раньше. До сих пор нет удовлетворительного ответа. Единственное «исправление» - переместить input за пределы div. Но в моем конкретном случае это невозможно.

Любые идеи?

Это происходит только с Chrome (я подозреваю, что все браузер веб-браузера, но проверен только в Chrome).

+0

Я не видел его, какую версию хрома и ОС? – epascarello

+0

В вашей разметке имеется много недопустимых записей. Вам нужно уделять больше внимания открытию и закрытию тегов, используя '/' при создании элемента с открытым концом (например, ввода) и неправильной вложенности. – DevlshOne

+0

Неправильное гнездование? как поле ввода внутри прокрутки div? Я должен так держать. Это было слишком упрощено только для целей тестирования, но идея представляет собой ввод внутри прокручиваемого div, на противоположной стороне направления прокрутки. И div как-то украдет фокус и прокрутится к входу. – derei

ответ

0

Хм, когда я очистил некоторые из разметки и заменить keyup keydown с keypress, это намного более гладко ......

jsFiddle Demo

+0

Я использую Win7 32bit и Google Chrome версии 32.0.1700.41 м Aura. Но ваша «чистка» ничего не сделала ... только теперь она «остается» прокручивается вниз, после того, как я нажимаю клавишу. Не вниз, но ... он спускается немного. См. Это изображение: http://postimg.org/image/jchupoy05/ Используя 'keyup' и' keydown', я попытался вернуть его после ввода. Я надеялся, что это произойдет мгновенно, поэтому никто не увидит прыгающую полосу прокрутки. Я не доволен этим частичным прокруткой. – derei

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