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();//重新计算宽度和高度的方法
}

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

Javascript 相关文章推荐
JQUERY获取form表单值的代码
Jul 17 Javascript
基于jquery的关于动态创建DOM元素的问题
Dec 24 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
javascript中arguments,callee,caller详解
Mar 16 Javascript
js实现精确到毫秒的倒计时效果
Aug 05 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
js数组去重的方法总结
Jan 18 Javascript
基于Vue实现电商SKU组合算法问题
May 29 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
js实现随机抽奖
Mar 19 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字符串函数的总结分析
2013/06/05 PHP
php单一接口的实现方法
2015/06/20 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
2016/04/27 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
2016/06/03 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
原生JS实现圣旨卷轴展开效果
2017/03/06 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
详解使用angular的HttpClient搭配rxjs
2017/09/01 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
2017/11/01 Javascript
vue购物车插件编写代码
2017/11/27 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
2018/01/04 Javascript
利用jqgrid实现上移下移单元格功能
2018/11/07 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
jquery实现下载图片功能
2019/07/18 jQuery
vue中使用百度脑图kityminder-core二次开发的实现
2019/09/26 Javascript
python的exec、eval使用分析
2017/12/11 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
蹦床仓库:Trampoline Warehouse
2018/12/06 全球购物
项目总经理岗位职责
2014/02/14 职场文书
优秀学生获奖感言
2014/02/15 职场文书
政府绩效管理实施方案
2014/05/04 职场文书
租房协议书样本
2014/08/20 职场文书
大专毕业生自我鉴定范文(2篇)
2014/09/27 职场文书
邀请函怎么写
2015/01/30 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
2015国庆节宣传语
2015/07/14 职场文书
SQLServer中JSON文档型数据的查询问题解决
2021/06/27 SQL Server
Python使用DFA算法过滤内容敏感词
2022/04/22 Python
深入理解MySQL中MVCC与BufferPool缓存机制
2022/05/25 MySQL
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python