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>

Снимок экрана из jsfiddle: после изменения размера

Эта проблема также аналогична #41, указанному в ссылке: https://code.google.com/p/iscroll-js/issues/detail?id=17 но мне не удалось найти решение там.

Любая помощь приветствуется. Спасибо!

[PS Я взял внешние ресурсы jsfiddle от Gajotres, дайте мне знать, если есть какие-либо проблемы с ПИС, если так, я могу удалить их и попытаться найти альтернативные CDN]

0 ответов

Другие вопросы по тегам