0

html5(phonegap)でAndroidアプリを開発していて、scrollViewを使用する必要がありました。Javaの場合と同じようにhtml5で何かを見つけることができたので、スクロールの目的で機能するライブラリを使用しようとしています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>
4

4 に答える 4

1

この問題を解決height:100%;して、ラッパーからプロパティを削除しました。

bottom:0;ラッパーが画面の一番下まで伸びていることを確認してください。

于 2012-11-17T21:54:57.910 に答える
1

これを試して:

scroll = new iScroll(this, {
    useTransform: false,
    useTransition: true
});

うまくいかない場合は、https: //groups.google.com/forum/#!topic /iscroll/CMB9d_e5d4Y を参照してください。

于 2012-08-31T06:10:28.717 に答える
0

同じ問題があり、甘い真夜中のデバッグの後、何らかの理由でラッパーが電話画面よりも大きくなるようにサイズ変更されていることがわかりました。私はjqueryモバイルページングを使用していますが、どういうわけかiScrollをいじっていました。これが私がそれを解決した方法です:

HTML

<div id="screen" data-role="page">
    <div data-role="content">
        <div id="list-wrapper">
            <ul>
            ...
            </ul>
        </div>
    </div>

    <div data-role="footer">
    ...
    </div>
</div>

JS

// the iScroll should be initialized after the page is visible 
// to prevent bug with display:none. If you are not using
// jQuery mobile paging this can be skipped.
$('#screen').on('pageshow', function() {

    // calculate the expected height of the real content wrapper and set it         
    var screenHeight = $('#screen').height();
    var footerHeight = $('#screen [data-role="footer"]').height();
    var realContentHeight = screenHeight - footerHeight;
    $('#list-wrapper').css({'height': realContentHeight + 'px'});

    // create or refresh the iScroll after resizing the wrapper         
    if (myScrollFunction != null ) {
        setTimeout(function () {
            myScrollFunction .refresh();
        }, 100);
    } else {
        setTimeout(function () {
            myScrollFunction  = new iScroll('list-wrapper');
        }, 100);
    }
});
于 2013-09-10T18:26:50.003 に答える