加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > C语言 > 正文

angular2+Ionic2在IOS设备上滑动问题

发布时间:2020-12-15 01:16:52 所属栏目:C语言 来源:网络整理
导读:将项目放在安卓上,上下滑动页面显示是正常的,没有出现下滑到底部出现黑边的情况。但是在IOS上会出现黑色的边(滑到最底部有大约20%的部分是黑色); 此问题形成的原因: 1.IOS的UIWebView是可以滑动的,包括左右滑动和上下滑动。 2.ionic的ion-content组件

将项目放在安卓上,上下滑动页面显示是正常的,没有出现下滑到底部出现黑边的情况。但是在IOS上会出现黑色的边(滑到最底部有大约20%的部分是黑色);

此问题形成的原因:
1.IOS的UIWebView是可以滑动的,包括左右滑动和上下滑动。
2.ionic的ion-content组件,在IOS设备上默认是允许内容滚动反弹到边缘,这就会导致原本不能滑动的页面(页面高度等于设备屏幕高度),也能滑动。

解决方法:
1.解决IOS的UIWebView滑动在IOS上是可以设置的。

//Before iOS 5
for (id subview in webView.subviews)
  if ([[subview class] isSubclassOfClass: [UIScrollView class]])
    ((UIScrollView *)subview).bounces = NO;

//After iOS 5
webView.scrollView.bounces = NO;

也可以通过cordova来设置(需要自己写对应的插件方法)

2.解决IOS-content的反弹到边缘只需要设置属性为false即可
在ionic1中的写法为:


在ionic2中写法有所改变

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读