3

我在 JQM 1.2 webapp 上使用 iscrollview [v1.3.7 (iscroll 4.2)]（在 android 5 上测试）。滚动最初工作正常，但是当调整 textarea 的大小时，我无法滚动到页面顶部，但我可以滚动到底部。在尝试了多种选择后，我不确定如何克服这个问题。

请参阅此 jsfiddle https://jsfiddle.net/qhq2x7dp/4/：并减小输出屏幕的大小，以便在进入 textarea 3 或 4 后无法查看前两个 textarea 元素。现在您在 textarea 3 中输入并调整大小，您将无法再滚动到顶部 textarea 元素。您可以向下滚动而不是向上滚动。

    <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 的屏幕截图：在 textarea 调整大小后，我无法向上滚动

该问题也类似于链接中列出的#41：https ://code.google.com/p/iscroll-js/issues/detail?id=17但我无法在那里找到解决方案。

任何帮助表示赞赏。谢谢！

[PS 我从 Gajotres 获取了 jsfiddle 外部资源，如果有任何 IPR 问题，请告诉我，如果有，我可以删除它们并尝试寻找替代 CDN]

4

0 回答 0