javascript-iscroll在phonegap中不起作用?如何在phonegap中使用iscroll
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-iscroll在phonegap中不起作用?如何在phonegap中使用iscroll,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1761字,纯文字阅读大概需要3分钟。
内容图文
我已经在android phonegap中创建了应用程序.我使用iscoll在div中动态显示滚动条,因为我追加了列表并动态显示.
它显示带有附加列表的div,但不显示滚动条.
在logcat中,出现以下错误:
03月21日16:09:02.669:WARN / webview(2166):由于我们正在等待WebCore的触地响应而错过了一次拖动.
我的代码是
我已经使用cubiq.org/iscroll-4显示滚动条
滚动条的js是
<script type="text/javascript" charset="utf-8" src="iscroll.js"></script>
<script type="text/javascript">
显示滚动条的功能
var scroll1;
function loaded() {
scroll1 = new iScroll('standard');
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
滚动条的CSS
<style type="text/css" media="all">
body {
font-size:12px;
-webkit-user-select:none;
-webkit-text-size-adjust:none;
font-family:helvetica;
padding:20px;
}
#standard {
position:relative; z-index:1;
display:block; float:left;
width:100px; height:150px;
background:#aaa;
overflow:auto;
border:1px solid #aaa;
}
#standard {
margin-right:20px;
}
.scroller {
position:absolute; z-index:1;
-webkit-tap-highlight-color:rgba(0,0,0,0);
width:100%;
padding:0;
}
</style>
我已经用div(id =“ list”)追加了列表,并用div(id =“ button”)追加了按钮
<div id="standard">
<div class="scroller">
<div id="button"></div>
<div id="list">
</div>
</div>
</div>
如何显示带有动态div的scroollbar?请指导我.提前致谢
解决方法:
我假设您正在谈论水平滚动,此时属性hScroll默认为true.如果是垂直的,则在创建iScroll元素时也需要将vScroll设置为true.
如果您具有动态生成的列表,则需要使用scroll1.refresh()来注意生成的内容.
另外,因为iScroll将其切换为“溢出:隐藏”,所以没有必要为#standard设置“ overflow:auto”.
但是,正如文档中所述,使iScroll正常工作的最佳方法是采用如下结构(我假设您已经拥有):
<div id='ScrollWrapper'>
<ul>
<li>content</li>
</ul>
</div>
内容总结
以上是互联网集市为您收集整理的javascript-iscroll在phonegap中不起作用?如何在phonegap中使用iscroll全部内容,希望文章能够帮你解决javascript-iscroll在phonegap中不起作用?如何在phonegap中使用iscroll所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。