编程 Javascript

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

Posted in Javascript onSeptember 06, 2016

出现上面这个问题主要的原因是产品的需求要求点击隐藏或者展开二级列表，导致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 滚动到底部会遮住一部分视图的快速解决方法

- Author -

天青色等烟雨love

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js null,undefined,字符串小结

Aug 21 Javascript

jquery实现背景墙聚光灯效果示例分享

Mar 02 Javascript

JavaScript实现的字符串replaceAll函数代码分享

Apr 02 Javascript

阿里巴巴技术文章分享 Javascript继承机制的实现

Jan 14 Javascript

AngularJS中实现用户访问的身份认证和表单验证功能

Apr 21 Javascript

原生JS实现风箱式demo,并封装了一个运动框架(实例代码)

Jul 22 Javascript

Three.js学习之网格

Aug 10 Javascript

jquery easyUI中ajax异步校验用户名

Aug 19 Javascript

js中json处理总结之JSON.parse

Oct 14 Javascript

表单元素值获取方式js及java方式的简单实例

Oct 15 Javascript

AngularJS控制器controller给模型数据赋初始值的方法

Jan 04 Javascript

使用ThinkJs搭建微信中控服务的实现方法

Aug 08 Javascript

原生JS:Date对象全面解析

Sep 06 #Javascript

如何解决IONIC页面底部被遮住无法向上滚动问题

Sep 06 #Javascript

Vue.js每天必学之过渡与动画

Sep 06 #Javascript

Vue.js 父子组件通讯开发实例

Sep 06 #Javascript

Vuejs第十篇之vuejs父子组件通信

Sep 06 #Javascript

Vue.js每天必学之方法与事件处理器

Sep 06 #Javascript

基于JavaScript实现购物网站商品放大镜效果

Sep 06 #Javascript

You might like

PHP 一个页面执行时间类代码

2010/03/05 PHP

PHP基础陷阱题(变量赋值)

2012/09/12 PHP

PHP判断表单复选框选中状态完整例子

2014/06/24 PHP

php计划任务之ignore_user_abort函数实现方法

2015/01/08 PHP

PHP结合jQuery实现找回密码

2015/07/22 PHP

PHP实现二维数组根据key进行排序的方法

2016/12/30 PHP

gearman中worker常驻后台，导致MySQL server has gone away的解决方法

2020/02/27 PHP

document.all与WEB标准

2020/05/13 Javascript

ext实现完整的登录代码

2008/08/08 Javascript

JSON 客户端和服务器端的格式转换

2009/08/27 Javascript

javascript 表单验证常见正则

2009/09/28 Javascript

ExtJs Excel导出并下载IIS服务器端遇到的问题

2011/09/16 Javascript

Javascript绝句欣赏一些经典的js代码

2012/02/22 Javascript

YUI Compressor压缩JavaScript原理及微优化

2013/01/07 Javascript

easyui Draggable组件实现拖动效果

2015/08/19 Javascript

JavaScript截取、切割字符串的技巧

2016/01/07 Javascript

JavaScript微信定位功能实现方法

2016/11/29 Javascript

javascript 注释代码的几种方法总结

2017/01/04 Javascript

微信小程序标签传入数据

2017/05/08 Javascript

Javascript实现base64的加密解密方法示例

2017/06/27 Javascript

AngularJS使用ocLazyLoad实现js延迟加载

2017/07/05 Javascript

在vue中使用公共过滤器filter的方法

2018/06/26 Javascript

Vue基于vuex、axios拦截器实现loading效果及axios的安装配置

2019/04/26 Javascript

vue项目实现减少app.js和vender.js的体积操作

2020/11/12 Javascript

python中字符串变二维数组的实例讲解

2018/04/03 Python

python实现一组典型数据格式转换

2018/12/15 Python

使用Python OpenCV为CNN增加图像样本的实现

2019/06/10 Python

浅谈selenium如何应对网页内容需要鼠标滚动加载的问题

2020/03/14 Python

Python 带星号(* 或 **)的函数参数详解

2021/02/23 Python

Move Free官方海外旗舰店：美国骨关节健康专业品牌

2017/12/06 全球购物

建筑专业自我鉴定

2013/10/22 职场文书

应届生求职信

2014/05/31 职场文书

万能检讨书2000字

2014/10/17 职场文书

小学运动会报道稿

2015/07/22 职场文书

物业保洁员管理制度

2015/08/05 职场文书

2016年安全月活动总结

2016/04/06 职场文书