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 post方式传递多个参数值后台以数组的方式进行接收
Jan 11 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
Oct 22 Javascript
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
js格式化时间的方法
Dec 18 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
Jul 17 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
JS打印彩色菱形的实例代码
Aug 15 Javascript
微信小程序云开发修改云数据库中的数据方法
May 18 Javascript
vue组件传值的实现方式小结【三种方式】
Feb 05 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
Feb 05 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 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
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
教你如何把一篇文章按要求分段
2006/10/09 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
PHP处理会话函数大总结
2015/08/05 PHP
php如何利用pecl安装mongodb扩展详解
2019/01/09 PHP
jQuery ajax+PHP实现的级联下拉列表框功能示例
2019/02/12 PHP
PHP crc32()函数讲解
2019/02/14 PHP
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
2009/07/18 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
两种常用的javascript数组去重方法思路及代码
2013/03/26 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
react-native 完整实现登录功能的示例代码
2017/09/11 Javascript
JS实现的判断方法、变量是否存在功能示例
2020/03/28 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
node.js中module模块的功能理解与用法实例分析
2020/02/14 Javascript
js实现简易计算器小功能
2020/11/18 Javascript
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
使用python验证代理ip是否可用的实现方法
2018/07/25 Python
Python实现的列表排序、反转操作示例
2019/03/13 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
Python的Django框架实现数据库查询(不返回QuerySet的方法)
2020/05/19 Python
python+openCV对视频进行截取的实现
2020/11/27 Python
Ever New加拿大官网:彰显女性美
2018/10/05 全球购物
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
写自荐信的七个技巧
2013/10/15 职场文书
护士演讲稿范文
2014/01/05 职场文书
酒店客房服务员岗位职责
2015/04/09 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书
python异步的ASGI与Fast Api实现
2021/07/16 Python
Pillow图像处理库安装及使用
2022/04/12 Python