我在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>
此问题也与链接中列出的#41类似:https://code.google.com/p/iscroll-js/issues/detail?id=17但我无法在那里找到解决方案。
感谢任何帮助。谢谢!
[P.S。我已经从Gajotres获取了jsfiddle外部资源,如果有任何IPR问题,请告诉我,如果是这样我可以删除它们并尝试查找备用CDN]