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中的常见问题解决方法(乱码,IE缓存,代理)
Nov 28 Javascript
javascript实现时间格式输出FormatDate函数
Jan 13 Javascript
Javascript中的高阶函数介绍
Mar 15 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
Jun 06 Javascript
浅析js的模块化编写 require.js
Dec 07 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
Apr 28 Javascript
Jquery把获取到的input值转换成json
May 15 jQuery
Vue.js实现一个todo-list的上移下移删除功能
Jun 26 Javascript
详解Vue 全局引入bass.scss 处理方案
Mar 26 Javascript
vue 左滑删除功能的示例代码
Jan 28 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
Aug 07 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基础学习小结
2011/04/17 PHP
php中文验证码实现方法
2015/06/18 PHP
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
JavaScript DOM 学习第九章 选取范围的介绍
2010/02/19 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
2014/12/29 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
JavaScript中常见的字符串操作函数及用法汇总
2015/05/04 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
Js apply方法详解
2017/02/16 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
2017/06/08 jQuery
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
2018/07/19 Javascript
微信小程序实现动态获取元素宽高的方法分析
2018/12/10 Javascript
Nginx设置为Node.js的前端服务器方法总结
2019/03/27 Javascript
Vue实现页面添加水印功能
2019/11/09 Javascript
python比较两个列表是否相等的方法
2015/07/28 Python
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
python3实现跳一跳点击跳跃
2018/01/08 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
Python中filter与lambda的结合使用详解
2019/12/24 Python
python GUI框架pyqt5 对图片进行流式布局的方法(瀑布流flowlayout)
2020/03/12 Python
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
在校生钳工实习自我鉴定
2013/09/19 职场文书
大学生职业生涯规划范文
2013/12/31 职场文书
感恩教育月活动总结
2014/07/07 职场文书
自查自纠工作情况报告
2014/10/29 职场文书
工作时间调整通知
2015/04/24 职场文书
竞选稿之小学班干部
2019/10/31 职场文书
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript
tomcat下部署jenkins的方法
2022/05/06 Servers