AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

ion content 滚动到底部会遮住一部分视图的快速解决方法

51自学网 http://www.wanshiok.com
ion,content,ion,content滚动

出现上面这个问题主要的原因是产品的需求要求点击隐藏或者展开二级列表,导致ion-content出现这个问题,经过多次尝试终于找到解决办法,很简单,只要在你的controller里面预先注入$ionicScrollDelegate,如下代码

app.controller('myperforController', ['$scope', '$http', '$state', '$ionicLoading', 'service', '$ionicHistory','$ionicScrollDelegate', function($scope, $http, $state, $ionicLoading, service, $ionicHistory,$ionicScrollDelegate){

注入完成之后就好办了,只要在你点击的地方通知ion-content重新计算宽度和高度即可,只需调用下面的方法即可:

$scope.onClick = function(text){$ionicScrollDelegate.resize();//重新计算宽度和高度的方法}

好了终于解决了,可以睡觉了!!!


ion,content,ion,content滚动  
上一篇:使用JS实现图片展示瀑布流效果(简单实例)  下一篇:原生JS:Date对象全面解析