javascript - 使用 SAPUI5 项目的 sap.ui.ux3.Shell 时无法在 iPhone 上滚动

Question

我正在使用 sap.ui.ux3.Shell 并用大量数据填充 shell Canvas ，我可以使用 chrome 浏览器在桌面(笔记本电脑)上完美滚动，但由于某种原因滚动不能适用于 Iphone 6(plus)。滚动可以在 Android 手机上使用，但在 Iphone 上却不起作用。下面是我正在使用的代码。正如您在下面看到的，代码基本上只是创建 shell 并使用 for 循环用一些测试数据填充 shell。此代码位于 SAPUI5 项目中 javascript View 的 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 容器而不是 shell 中，然后将滚动容器添加到 shell 中即可。我粘贴下面的代码。最重要的是，您需要设置滚动容器的高度，否则它将无法工作。

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