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二维数组实现的省市联动菜单
May 08 Javascript
每天一篇javascript学习小结(Array数组)
Nov 11 Javascript
微信开发 使用picker封装省市区三级联动模板
Oct 28 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
Sep 04 Javascript
基于axios 解决跨域cookie丢失的问题
Sep 26 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
Oct 29 Javascript
Vuejs监听vuex中值的变化的方法示例
Dec 02 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
Sep 10 Javascript
JS实现压缩上传图片base64长度功能
Dec 03 Javascript
Vue使用轮询定时发送请求代码
Aug 10 Javascript
如何使用JavaScript策略模式校验表单
Apr 29 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
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
PHP判断指定时间段的2个方法
2014/03/14 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
js获取浏览器的可视区域尺寸的实现代码
2011/11/30 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
2016/03/08 Javascript
原生js实现轮播图的示例代码
2017/02/20 Javascript
js实现简易垂直滚动条
2017/02/22 Javascript
Angular4学习笔记之准备和环境搭建项目
2017/08/01 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
2017/09/12 Javascript
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
python读取目录下最新的文件夹方法
2018/12/24 Python
pygame实现打字游戏
2021/02/19 Python
Python3搭建http服务器的实现代码
2020/02/11 Python
python3.7+selenium模拟淘宝登录功能的实现
2020/05/26 Python
在pycharm中文件取消用 pytest模式打开的操作
2020/09/01 Python
社区版pycharm创建django项目的方法(pycharm的newproject左侧没有项目选项)
2020/09/23 Python
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
2012/11/29 HTML / CSS
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
用html5绘制折线图的实例代码
2016/03/25 HTML / CSS
YBF Beauty官网:美丽挚友,美国知名彩妆品牌
2020/11/22 全球购物
公司JAVA开发面试题
2015/04/02 面试题
幼儿园开学寄语
2014/04/03 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
成都人事代理协议书
2014/10/25 职场文书
英文道歉信
2015/01/20 职场文书
医院党建工作总结2015
2015/05/26 职场文书
学雷锋主题班会教案
2015/08/13 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书
python实现简单的名片管理系统
2021/04/26 Python
pytorch中的 .view()函数的用法介绍
2022/03/17 Python