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

解决Ion Content滚动遮挡问题，轻松展现完整视图

你是否遇到过在Ionic应用中，当滚动到页面底部时，部分内容被遮挡的问题？别担心，这是一个常见问题，并且有一种简单快速的解决方法。只需要在你的控制器中预先注入$ionicScrollDelegate即可轻松应对。今天，就让我们一起学习这个解决方法吧！

出现这个问题的主要原因在于产品需求的特定设计，比如点击隐藏或展开二级列表。为了解决这一问题，我们经过多次尝试，终于找到了一个简单有效的方法。只需在你的控制器中注入$ionicScrollDelegate。以下是具体的实现代码：

在app.controller中定义名为'myperforController'的控制器，并注入多个服务，包括$ionicScrollDelegate。

```javascript

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

// 控制器代码

}]);

```

在控制器中，当你需要点击某个元素时，只需调用$ionicScrollDelegate的resize方法，重新计算ion-content的宽度和高度即可。这样，页面内容就会根据新的尺寸进行调整，避免遮挡问题。例如：

```javascript

$scope.onClick = function(text){

$ionicScrollDelegate.resize(); // 重新计算宽度和高度的方法

};

```

现在，你已经成功解决了离子内容滚动遮挡问题，可以安心使用你的应用而不用担心内容被遮挡了。这个方法既简单又有效，让你的Ionic应用展现更加完美的用户体验。希望这篇文章能对你有所帮助，如果你还有其他问题或需要进一步的帮助，请随时提问。现在你可以放心地继续你的开发工作，享受Ionic带来的便捷与乐趣吧！