iscrollview неправильно изменяет размер для оболочки, содержащей textarea
Я использую iscrollview [v1.3.7 (iscroll 4.2)] в веб-приложении JQM 1.2 (тестирование на Android 5). Вначале прокрутка работает нормально, но когда текстовая область изменена, я не могу прокрутить ее вверх, вниз, вниз. После попытки нескольких вариантов я не уверен, как преодолеть эту проблему.
Пожалуйста, посмотрите этот jsfiddle https://jsfiddle.net/qhq2x7dp/4/: & уменьшите размер экрана вывода, чтобы после перехода к текстовой области 3 или 4 вы не могли видеть два верхних элемента текстовой области. Теперь, когда вы введете текстовую область 3 и ее размеры, вы больше не сможете прокручивать верхний элемент текстовой области. Вы можете прокрутить вниз, а не вверх.
<div data-role="content" class="iscroll_cont" data-iscroll>
<div class="outer">
<div class="ui-body ui-body-d">
<fieldset class="ui-grid-a">
<div data-role="fieldcontain" class="ui-block-a">
<textarea cols="10" rows="10" name="textarea" id="textarea0" placeholder="0" class="qcont" data-theme="a"></textarea>
</div>
</fieldset>
</div>
....
....<!-- Similar textarea 1 -->
....<!-- Similar textarea 2 -->
....<!-- Similar textarea 3 -->
</div><!-- end of outer div -->
</div><!-- end of content div -->
<script>
$(document).on('touchstart change input paste click blur','textarea',function(){
$('[data-role="content"]').trigger('create');
$(".iscroll_cont").iscrollview("refresh");
});
</script>
Эта проблема также аналогична #41, указанному в ссылке: https://code.google.com/p/iscroll-js/issues/detail?id=17 но мне не удалось найти решение там.
Любая помощь приветствуется. Спасибо!
[PS Я взял внешние ресурсы jsfiddle от Gajotres, дайте мне знать, если есть какие-либо проблемы с ПИС, если так, я могу удалить их и попытаться найти альтернативные CDN]