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 相关文章推荐
JQUBAR1.1 jQuery 柱状图插件发布
Nov 28 Javascript
JavaScript prototype属性深入介绍
Nov 27 Javascript
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
vue2.x select2 指令封装详解
Oct 12 Javascript
JavaScript分步实现一个出生日期的正则表达式
Mar 22 Javascript
vue2中使用less简易教程
Mar 27 Javascript
JS获取url参数,JS发送json格式的POST请求方法
Mar 29 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 Javascript
JS中一些高效的魔法运算符总结
May 06 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的无限分类实现想法~
2007/01/02 PHP
input file获得文件根目录简单实现
2013/04/26 PHP
PHP跨平台获取服务器IP地址自定义函数分享
2014/12/29 PHP
php导入excel文件到mysql数据库的方法
2015/01/14 PHP
PHP中strncmp()函数比较两个字符串前2个字符是否相等的方法
2016/01/07 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
js修改原型的属性使用介绍
2014/01/26 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
2014/09/02 Javascript
jQuery插件制作之参数用法实例分析
2015/06/01 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
javascript数组去重常用方法实例分析
2017/04/11 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
2018/04/03 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
vue+springboot+element+vue-resource实现文件上传教程
2020/10/21 Javascript
python使用socket连接远程服务器的方法
2015/04/29 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
有关Python的22个编程技巧
2018/08/29 Python
python爬取微信公众号文章的方法
2019/02/26 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
DJango的创建和使用详解(默认数据库sqlite3)
2019/11/18 Python
Python 3.9的到来到底是意味着什么
2020/10/14 Python
python 实现百度网盘非会员上传超过500个文件的方法
2021/01/07 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
HTML5进阶段内联标签汇总(小篇)
2016/07/13 HTML / CSS
好家长事迹材料
2014/01/23 职场文书
大学生2014全国两会学习心得体会
2014/03/10 职场文书
六年级学生评语
2014/04/22 职场文书
郭明义观后感
2015/06/08 职场文书
解析python中的jsonpath 提取器
2022/01/18 Python
Python 一键获取电脑浏览器的账号密码
2022/05/11 Python