0

アプリを垂直方向にスクロールできるようにしたいのですが、iscrollを使用して実行したいと思います。使用方法がよくわかりません。アプリはまだ垂直方向にスクロールできないようです。コード：

      <head>
        <script type="text/javascript" src="iscroll.js"></script>
        <script type="text/javascript">
                var myScroll;
                function loaded() {
                    setTimeout(function () {
                               myScroll = new iScroll('container');
                               }, 100);
                }
                window.addEventListener('load', loaded, false);
        </script>
       </head>
       <body>
              <div class="container">
                <div class = "topcontainer">
                    <div class = "buttons img1"> </div>
                    <div class = "buttonstext">
                        Gallery
                    </div>
                </div>
                <div class = "middlecontainer">
                    <div class = "buttons img2">
                        <a href="gallery.html">Biography</a>      
                    </div>
                </div>
                <div class = "middlecontainer">
                    <div class = "buttons img3">
                        Pictures
                    </div>
              </div>
        </body>

私が間違っているところにいくつかのガイダンスが必要です。他に何かする必要がありますか？

4

1 に答える 1

1

iScrollは、id初期化時に要素をパラメーターとして受け取ります。クラスではありません。したがって、たとえば、を次のように変更div.containerしdiv#containerます。

  <head>
    <script type="text/javascript" src="iscroll.js"></script>
    <script type="text/javascript">
            var myScroll;
            function loaded() {
                setTimeout(function () {
                           myScroll = new iScroll('container');
                           }, 100);
            }
            window.addEventListener('load', loaded, false);
    </script>
   </head>
   <body>
          <div id="container">
            <div class = "topcontainer">
                <div class = "buttons img1"> </div>
                <div class = "buttonstext">
                    Gallery
                </div>
            </div>
            <div class = "middlecontainer">
                <div class = "buttons img2">
                    <a href="gallery.html">Biography</a>      
                </div>
            </div>
            <div class = "middlecontainer">
                <div class = "buttons img3">
                    Pictures
                </div>
            </div>
          </div>
    </body>

詳細については、iScroll4またはiScroll3のドキュメントを参照してください。iScroll 4のドキュメントでIDを渡す必要があることを明示的に示している場所が見つかりませんが、すべてのサンプルコードがこれをサポートしています。さらに、これはiScroll3のドキュメントに明示的に記載されています。

</div>また、サンプルコードにクロージングがありません。これは私の応答で修正されました。

于 2012-07-23T18:28:46.530 に答える