iscrollview没有正确调整包含textarea的包装器的大小

时间:2015-12-26 19:12:13

标签: jquery-mobile iscrollview

我在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>

Screen shot from the jsfiddle : after textarea resize i am not able to scroll upwards

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

感谢任何帮助。谢谢!

[P.S。我已经从Gajotres获取了jsfiddle外部资源,如果有任何IPR问题,请告诉我,如果是这样我可以删除它们并尝试查找备用CDN]

0 个答案:

没有答案