微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

将项目放在安卓上,上下滑动页面显示是正常的,没有出现下滑到底部出现黑边的情况。但是在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中写法有所改变

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐