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入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
extjs4 treepanel动态改变行高度示例
Dec 17 Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
jquery实现pager控件示例
Apr 09 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
Apr 29 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
Dec 21 Javascript
开发用到的js封装方法(20种)
Oct 12 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
Js代码中的span拼接问题解决
Nov 22 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 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
一个程序下载的管理程序(一)
2006/10/09 PHP
PHP详细彻底学习Smarty
2008/03/27 PHP
php下通过伪造http头破解防盗链的代码
2010/07/03 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
php动态读取数据清除最右边距的方法
2017/04/12 PHP
PHP递归实现汉诺塔问题的方法示例
2017/11/25 PHP
基于JQuery的数字改变的动画效果--可用来做计数器
2010/08/11 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
深入理解bootstrap框架之第二章整体架构
2016/10/09 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
vue视频播放插件vue-video-player的具体使用方法
2019/11/08 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
Vue 实现拨打电话操作
2020/11/16 Javascript
[03:14]2014DOTA2西雅图国际邀请赛 EG战队巡礼
2014/07/07 DOTA
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
利用soaplib搭建webservice详细步骤和实例代码
2013/11/20 Python
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
Python函数参数类型*、**的区别
2015/04/11 Python
利用python打印出菱形、三角形以及矩形的方法实例
2017/08/08 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
python框架flask表单实现详解
2019/11/04 Python
用canvas显示验证码的实现
2020/04/10 HTML / CSS
澳大利亚女士时装在线:Rockmans
2018/09/26 全球购物
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
视光学专业毕业生推荐信
2013/10/28 职场文书
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL