点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)我通过滚动创建了一个SAP De...
点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)我通过滚动创建了一个SAP De...
加入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浏览器上运行它,而且它没有滚动/滑动,则只能得到静态视图。 我无法上下滑动,也无法上下滚动。
有用于刷卡的特定代码吗?
为什么?
发生了什么事?
最好的问候
谢谢
那么,您是否建议我尝试将我的代码改编为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
一周热门 更多>