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

2020-09-27 12:22发布

点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)我通过滚动创建了一个SAP De...

         点击此处--->   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浏览器上运行它,而且它没有滚动/滑动,则只能得到静态视图。 我无法上下滑动,也无法上下滚动。

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

为什么?

发生了什么事?

最好的问候