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 相关文章推荐
JavaScript 设计模式之组合模式解析
Apr 09 Javascript
javascript最常用与实用的创建类的代码
Aug 12 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
Jan 13 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
JavaScript地图拖动功能SpryMap的简单实现
Jul 17 Javascript
JS Date函数整理方便使用
Oct 23 Javascript
easyui datagrid 键盘上下控制选中行示例
Mar 31 Javascript
JQuery radio(单选按钮)操作方法汇总
Apr 15 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
Aug 25 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
Apr 02 jQuery
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
vue-property-decorator用法详解
Dec 12 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
日本收入最高的漫画家:海贼王作者版税年收入高达8.45亿元
2020/03/04 日漫
PHP中的函数嵌套层数限制分析
2011/06/13 PHP
PHP实现自动登入google play下载app report的方法
2014/09/23 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
PHPMAILER实现PHP发邮件功能
2018/04/18 PHP
关于laravel 子查询 & join的使用
2019/10/16 PHP
为EasyUI的Tab标签添加右键菜单的方法
2012/07/14 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
纯css+js写的一个简单的tab标签页带样式
2014/01/28 Javascript
Jquery中的层次选择器与find()的区别示例介绍
2014/02/20 Javascript
JavaScript函数作用域链分析
2015/02/13 Javascript
超详细的javascript数组方法汇总
2015/11/21 Javascript
深入理解jQuery layui分页控件的使用
2016/08/17 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
详解tween.js的使用教程
2017/09/14 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
KMP算法精解及其Python版的代码示例
2016/06/01 Python
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
解决Django生产环境无法加载静态文件问题的解决
2019/04/23 Python
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
2014/05/07 HTML / CSS
Geekbuying波兰:购买中国电子产品
2019/10/20 全球购物
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
外企财务年会演讲稿
2014/01/03 职场文书
后进生转化工作制度
2014/01/17 职场文书
疾病防治方案
2014/05/31 职场文书
群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
话题作文之关于呼唤
2019/11/29 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
php去除数组中为0的元素的实例分析
2021/11/17 PHP
基于Python实现股票收益率分析
2022/04/02 Python