滚动/滑动不适用于iPhone 7和其他移动设备

2020-09-27 12:22发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我通过滚动创建了一个SAP Design Studio应用程序(1.6 SP3),我在Chrome和firefox浏览器上进行了测试,并且运行良好。

这是我的CSS,带有滚动和媒体查询响应代码:

/*可滚动容器*/
/* https://github.com/KarolKalisz/DesignStudioBiAppRepository/blob/master/SCN_SCORABLE_CONTAINER/scroll.css */
 div .__ container0 div.scroll-x {
   /*允许X滚动*/
     溢出-x:滚动!重要;

   /*不允许Y滚动*/
     溢出-y:隐藏!重要;
 }

 div .__ container0 div.scroll-y {
   /*不允许X滚动*/
     溢出-x:隐藏!重要;

   /*允许Y滚动*/
     溢出-y:滚动!重要;
 }

 div .__ container0 div.scroll-xy {
   /*允许X滚动*/
     溢出-x:滚动!重要;

   /*允许Y滚动*/
     溢出-y:滚动!重要;
 }

 div .__ container0 div.hidden {
   /*不允许X滚动*/
     溢出-x:隐藏!重要;

   /*不允许Y滚动*/
     溢出-y:隐藏!重要;
 }

     .mytext1
     {
     字体:24px粗体居中普通Arial,无衬线!
    
    
     }
 div.zenborder div.scroll-x {
 /*允许X滚动*/
   溢出-x:滚动!重要;
 /*不允许Y滚动*/
   溢出-y:隐藏!重要;
 }
 div.zenborder div.scroll-y {
 /*不允许X滚动*/
   溢出-x:隐藏!重要;
 /*允许Y滚动*/
   溢出-y:滚动!重要;
 }
 div.zenborder div.scroll-xy {
 /*允许X滚动*/
   溢出-x:滚动!重要;
 /*允许Y滚动*/
   溢出-y:滚动!重要;
 }
 div.zenborder div.hidden {
 /*不允许X滚动*/
   溢出-x:隐藏!重要;
 /*不允许Y滚动*/
   溢出-y:隐藏!重要;
 }

 @media屏幕和(最大宽度:736px){

     .myHeaderText {
         font-size:12px!important;
         text-align:居中!重要;
         line-height:55px!important;
         颜色:#ffffff!重要;
         字体:Calibri,sans-serif!important;
        
     }
     .mybutton1
     {
         border-radius:10px!important;
         颜色:#004080!重要
         background-color:#f2f2f2!important;
         字体:10px Calibri,无衬线!important;
       /* font-weight:粗体;  */
         文本对齐:居中;
         空格:正常;
          自动换行:断词;
     }
    
     .mytext1
     {
     字体:8px粗体居中正常Arial,无衬线!
    
    
     }
         
 } 

如果我在Iphone 6的Safari浏览器上运行它,而且它没有滚动/滑动,则只能得到静态视图。 我无法上下滑动,也无法上下滚动。

有用于刷卡的特定代码吗?

为什么?

发生了什么事?

最好的问候

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我通过滚动创建了一个SAP Design Studio应用程序(1.6 SP3),我在Chrome和firefox浏览器上进行了测试,并且运行良好。

这是我的CSS,带有滚动和媒体查询响应代码:

/*可滚动容器*/
/* https://github.com/KarolKalisz/DesignStudioBiAppRepository/blob/master/SCN_SCORABLE_CONTAINER/scroll.css */
 div .__ container0 div.scroll-x {
   /*允许X滚动*/
     溢出-x:滚动!重要;

   /*不允许Y滚动*/
     溢出-y:隐藏!重要;
 }

 div .__ container0 div.scroll-y {
   /*不允许X滚动*/
     溢出-x:隐藏!重要;

   /*允许Y滚动*/
     溢出-y:滚动!重要;
 }

 div .__ container0 div.scroll-xy {
   /*允许X滚动*/
     溢出-x:滚动!重要;

   /*允许Y滚动*/
     溢出-y:滚动!重要;
 }

 div .__ container0 div.hidden {
   /*不允许X滚动*/
     溢出-x:隐藏!重要;

   /*不允许Y滚动*/
     溢出-y:隐藏!重要;
 }

     .mytext1
     {
     字体:24px粗体居中普通Arial,无衬线!
    
    
     }
 div.zenborder div.scroll-x {
 /*允许X滚动*/
   溢出-x:滚动!重要;
 /*不允许Y滚动*/
   溢出-y:隐藏!重要;
 }
 div.zenborder div.scroll-y {
 /*不允许X滚动*/
   溢出-x:隐藏!重要;
 /*允许Y滚动*/
   溢出-y:滚动!重要;
 }
 div.zenborder div.scroll-xy {
 /*允许X滚动*/
   溢出-x:滚动!重要;
 /*允许Y滚动*/
   溢出-y:滚动!重要;
 }
 div.zenborder div.hidden {
 /*不允许X滚动*/
   溢出-x:隐藏!重要;
 /*不允许Y滚动*/
   溢出-y:隐藏!重要;
 }

 @media屏幕和(最大宽度:736px){

     .myHeaderText {
         font-size:12px!important;
         text-align:居中!重要;
         line-height:55px!important;
         颜色:#ffffff!重要;
         字体:Calibri,sans-serif!important;
        
     }
     .mybutton1
     {
         border-radius:10px!important;
         颜色:#004080!重要
         background-color:#f2f2f2!important;
         字体:10px Calibri,无衬线!important;
       /* font-weight:粗体;  */
         文本对齐:居中;
         空格:正常;
          自动换行:断词;
     }
    
     .mytext1
     {
     字体:8px粗体居中正常Arial,无衬线!
    
    
     }
         
 } 

如果我在Iphone 6的Safari浏览器上运行它,而且它没有滚动/滑动,则只能得到静态视图。 我无法上下滑动,也无法上下滚动。

有用于刷卡的特定代码吗?

为什么?

发生了什么事?

最好的问候

付费偷看设置
发送
5条回答
compass1988
1楼-- · 2020-09-27 12:32

请阅读SAP帮助-特别是第426页- http:// help.sap.com/businessobject/product_guides/AAD16/zh-CN/ds_16SP03_user_en.pdf iPhone上不支持所有CSS

闻人可可
2楼-- · 2020-09-27 12:45

嗨,

我遇到了与Marco相同的问题,我们有许多用户希望在iPad上使用Design Studio,但它无法滚动。 从它们的角度来看,该设备应该与Windows 10触摸板没有任何不同,并且这些设备(通常)可以正常工作。 另外,我在Safari上使用了所有其他SAP工具,例如 Launchpad.support.sap。 com ,这很棒。 Design Studio应该与Fiori相同,因此应该以相同的方式工作。

SAP需要认真对待这个问题,像这样的Design Studio一样强大的功能是一个真正的问题。

问候

Alex

宇峰Kouji
3楼-- · 2020-09-27 12:50

谢谢

那么,您是否建议我尝试将我的代码改编为CSS电话?

我正在网上和此链接上查看此问题:

https://blogs.sap.com/2015/12/01/design-studio-innovation-series-topic -8介绍了用于设计工作室16中的Fiori样式应用程序渲染的新M模式。/

我发现:

使用两种渲染模式,SDK组件现在必须指定它们支持的渲染模式。 这可以是任何一个,也可以是两个。 但是,在我看来,新的SAP M模式的一个更重要的好处是,这意味着sap.m库现在已正式支持SDK组件开发。 过去,在SCN上有很多关于在SDK组件中使用sap.m控件的讨论,与单击事件和移动滚动相关的问题需要解决方法。 使用Design Studio 1.6时,很高兴看到这些问题似乎已经解决,我们现在应该能够在需要时更自由地利用sap.m控件。 这与 SCN Design Studio SDK开发社区组件集中的Fiori样式的组件特别相关。

所以我认为这个新的Design Studio版本解决了这个问题。


在第52页,专用于移动设备的提示不多。

我在这里找到:

https://css -tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements /

建议的正确语句与我在代码中使用的相同。

Design Studio可能不支持此CSS代码吗?

再次感谢

最诚挚的问候

Marco

me_for_i
4楼-- · 2020-09-27 12:27

嗨-我是说iPhone上的CSS支持受到限制

有些SDK提供了解决方法,以提高响应速度。

查看新的Google Analytics(分析)扩展目录-现在有一个新网站-请参见以下博客: https://blogs.sap.com/2016/11/07/sap-analytics-extensions-directory-2.1-is-live /

风早神人
5楼-- · 2020-09-27 12:44

嗨Marco,

在Design Studio的移动设备上滚动是SCN上的热门话题。 您应该牢记一些重要的注意事项:

1。 看来您正在通过本地移动Safari浏览器使用Design Studio应用程序,大概是通过访问BI Launchpad URL,而不是通过iOS的本地SAP BI Mobile应用程序。 SAP注释1971933 并未正式支持这种用法。

专门用于Design Studio的 Design Studio产品可用性列表,其中指出不支持通过本机移动浏览器查看。

总之,唯一受支持的使用方法是 通过本机SAP BI Mobile应用程序;

2。 使用专为移动和台式机设计的新SAPUI5 M模式,您应该发现标准组件(如列表框和交叉表)可以按预期滚动。 面板滚动是一个例外。 根据您的CSS示例,我假设您正在尝试将滚动应用于Panel组件,如博客文章 Design Studio中的可滚动面板(以显示更大的内容)。 但是,如果您按照讨论进行操作,您会发现那里描述的CSS方法是针对台式机而非移动设备的;

3。 以我的经验,必须通过CSS来实现在移动设备上滚动的具体情况,具体取决于设备和组件,同时还要考虑到Design Studio对移动滚动的限制。 没有解决所有移动场景的灵丹妙药CSS方法。

所有这些都是基于最新 Lumira 2.0路线图,您应该发现Lumira Designer中提供了对移动设备更好的滚动支持 2.0。

问候,

穆斯塔法。

一周热门 更多>