1

HTML5 と Jquery Mobile で作成された単純なダイアログ ボックスがあります。それは次のとおりです。

<div data-role="dialog" id="page2" data-theme="a">

            <div data-role="header" class="header">

                <h1>Door Styles</h1>

            </div><!-- /header -->

            <div data-role="content" data-theme="a">


            <div id="wrapper">

                <div id="scroller" class="scroll">  

                    <ul data-role="listview" id="mylist">

                    </ul>

                    </div>

                </div>

            </div><!-- /content -->

            <div data-role="footer" class="footermodal">

                <h1>↕ Please Scroll ↕&lt;/h1>

            </div><!-- /footer -->

        </div>

iScroll を実装した理由は、Android 2.2.2 ではダイアログ ボックスがスクロールできなかったからです。ただし、実装すると、ヘッダーとフッターがほとんど画面外に移動します。スクロールすると、手を離すとすぐに一番上に戻ります。次のコードを使用して実装します。

    <script type="text/javascript">

var myScroll;
function loaded() {
    myScroll = new iScroll('wrapper');
}

    window.addEventListener('load', setTimeout(function () { loaded(); }, 200), false); 

            </script>

Jquery スタイルと iScroll スタイルの競合のようです。他の誰かがこの問題を抱えていますか? またはそれを修正する方法を知っていますか？

4

2 に答える 2

0

エレメントは、作成後にインストールする必要があります。

newElement =  function () {$ ("body"). append ('<div id='wrapper'> content </ div> ");loaded(); }
于 2013-02-24T19:42:34.943 に答える