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中写法有所改变

相关文章

显卡天梯图2024最新版,显卡是电脑进行图形处理的重要设备,...
初始化电脑时出现问题怎么办,可以使用win系统的安装介质,连...
todesk远程开机怎么设置,两台电脑要在同一局域网内,然后需...
油猴谷歌插件怎么安装,可以通过谷歌应用商店进行安装,需要...
虚拟内存这个名词想必很多人都听说过,我们在使用电脑的时候...