在 html5(phonegap) 中开发一个 android 应用程序,我不得不使用一个滚动视图。可以在 html5 中找到任何东西,就像我们在 Java 中一样,所以我正在尝试使用用于iScroll
滚动目的的库,但是当我向下滚动时它会弹回顶部,我想它被称为橡皮筋效应。我该如何处理这个故障?另外,当我通过拖动向下滚动时,我在 Logcat 中收到警告:
W/webview(2795): Miss a drag as we are waiting for WebCore's response for touch down.
检查我的以下代码,其中列表项正在动态添加,这不应该是问题,IMO 的问题在于 html 本身。
<!DOCTYPE html>
<html>
<head>
<title>Storage Example </title>
<link rel="stylesheet" type="text/css" href="indexCss.css" />
<style type="text/css" media="all">
body,ul,li {
padding:0;
margin:0;
border:0;
}
</style>
<script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
<script src="index.js" type="text/javascript" charset="utf-8" >
</script>
</head>
<body>
<header>
<input type="text" id="name" placeholder="enter name" />
<input type="button" value="Add" onclick='Add();' />
</header>
<div id="wrapper">
<div id="scroll-content">
<div id="result"></div>
</div>
</div>
<footer>
Some Footer Content
</footer>
<script type="text/javascript" src="iscroll.js"></script>
<script type="text/javascript">
var theScroll;
function scroll() {
theScroll = new iScroll('wrapper');
}
document.addEventListener('DOMContentLoaded', scroll, true);
</script>
</body>
</html>