Cordova 将iScroll与phonegap一起使用_Cordova_Iscroll

Cordova 将iScroll与phonegap一起使用

cordova

Cordova 将iScroll与phonegap一起使用,cordova,iscroll,Cordova,Iscroll,我希望我的应用程序可以垂直滚动，并希望使用iscroll来执行。我不确定如何使用。似乎应用程序仍然无法垂直滚动。代码：迈斯克罗尔变种；函数加载（）{ setTimeout（函数（）{ myScroll=new iScroll（“容器”）； }, 100); } window.addEventListener（'load'，loaded，false）；画廊图片我哪里出了问题需要一些指导。是否需要执行其他操作？iScroll在初始化时将元素的id作为参数，而不是类。因此，例如，将di

我希望我的应用程序可以垂直滚动，并希望使用iscroll来执行。我不确定如何使用。似乎应用程序仍然无法垂直滚动。代码：


迈斯克罗尔变种；
函数加载（）{
setTimeout（函数（）{
myScroll=new iScroll（“容器”）；
}, 100);
}
window.addEventListener（'load'，loaded，false）；
画廊
图片

我哪里出了问题需要一些指导。是否需要执行其他操作？

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>


迈斯克罗尔变种；
函数加载（）{
setTimeout（函数（）{
myScroll=new iScroll（“容器”）；
}, 100);
}
window.addEventListener（'load'，loaded，false）；
画廊
图片

有关更多信息，请参阅iScroll 4的，或。我找不到它在哪里明确指出需要在iScroll 4文档中传递ID，但所有示例代码都支持这一点。此外，这在iScroll 3文档中有明确说明

另外：示例代码中缺少一个结束语

。这一点在我的回答中已经得到了修正

  <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>