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

(编辑:jimmy 日期: 2024/10/3 浏览:2)

出现上面这个问题主要的原因是产品的需求要求点击隐藏或者展开二级列表,导致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();//重新计算宽度和高度的方法
}

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

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。