将 sap.ui.ux3.Shell 用于 SAPUI5 项目时无法在 iphone 上滚动

Question

我正在使用 sap.ui.ux3.Shell 并用大量数据填充外壳画布，我能够使用 chrome 浏览器在我的桌面（笔记本电脑）上完美滚动，但由于某种原因滚动在 Iphone 上不起作用6（加）。 滚动确实适用于 Android 手机，但它不适用于 Iphone。 下面是我正在使用的代码。 正如您在下面看到的，代码基本上只是创建外壳并使用 for 循环用一些测试数据填充外壳。 此代码位于 SAPUI5 项目中 javascript 视图的 createContent 方法中。

    var oShell = new sap.ui.ux3.Shell("myShell", {
         appTitle:"Promo Verification System",
            fullHeightContent : true,
            worksetItems: [new sap.ui.ux3.NavigationItem("home",{key:"sh_1",text:"Home"}),      
                           ],

        });

    for(i=0;i<1000;i++){
    oShell.addContent( new sap.m.Label({
        text : 'Admin Screenshots'
    }));
    }
      this.addContent(oShell);  

如果有帮助，将 fullHeightContent 设置为 true 可以在我的笔记本电脑或台式机上的浏览器中滚动。 但我不知道为什么它在 Iphone 上不起作用。

Answer 1

找到了解决办法。 您将需要一个滚动容器来执行此操作。 只需将内容添加到 Scroll 容器而不是外壳，然后将滚动容器添加到外壳。 我正在粘贴下面的代码。 最重要的是您需要设置滚动容器的高度，否则它将无法工作。

                var mscroll = new sap.m.ScrollContainer("mScroll", {
                   height: '600px',
                   vertical: true,
                });

            var oShell = new sap.ui.ux3.Shell("myShell", {
     appTitle:"Promo Verification System",
        fullHeightContent : true,
        worksetItems: [new sap.ui.ux3.NavigationItem("home",{key:"sh_1",text:"Home"}),      
                       ],

    });

               for(i=0;i<1000;i++){
                  mscroll.addContent( new sap.m.Label({
                  text : 'Admin Screenshots'
                  }));
                 }


                        oShell.addContent(mscroll);
                        this.addContent(oShell);