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 13 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
Aug 27 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
jQuery实现删除li节点的方法
Dec 06 Javascript
BootStrap 模态框实现刷新网页并关闭功能
Jan 04 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
回顾Javascript React基础
Jun 15 Javascript
JS实现前端动态分页码代码实例
Jun 02 Javascript
webpack的移动端适配方案小结
Jul 25 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
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
php中多维数组按指定value排序的实现代码
2014/08/19 PHP
PHP的几个常用加密函数
2016/02/03 PHP
php+javascript实现的动态显示服务器运行程序进度条功能示例
2017/08/07 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
跨域表单提交状态的变相判断代码
2009/11/12 Javascript
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
angularjs学习笔记之完整的项目结构
2015/09/26 Javascript
jQuery对象的链式操作用法分析
2016/05/10 Javascript
Angular4自制一个市县二级联动组件示例
2017/11/21 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
[01:49]一目了然!DOTA2DotA快捷操作对比第二弹
2014/05/16 DOTA
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
跟老齐学Python之让人欢喜让人忧的迭代
2014/10/02 Python
浅要分析Python程序与C程序的结合使用
2015/04/07 Python
Python的Django框架中的Context使用
2015/07/15 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
python如何用matplotlib创建三维图表
2021/01/26 Python
英国最红的高街时尚品牌:Topshop
2016/08/05 全球购物
Under Armour西班牙官网:美国知名的高端功能性运动品牌
2018/12/12 全球购物
广州某公司软件工程师面试题
2014/12/22 面试题
javascript实现用户必须勾选协议实例讲解
2021/03/24 Javascript
夜大毕业生自我评价分享
2013/11/10 职场文书
优秀员工自荐书范文
2013/12/08 职场文书
环境日宣传活动总结
2014/07/09 职场文书
纪检干部先进事迹材料
2014/08/23 职场文书
2014国庆黄金周超市促销活动方案
2014/09/21 职场文书
用电申请报告范文
2015/05/18 职场文书
2015年医务科工作总结范文
2015/05/26 职场文书
2016年党员创先争优公开承诺书
2016/03/25 职场文书
员工试用期工作总结
2019/06/20 职场文书
大学生暑期实践报告之企业经营管理
2019/08/08 职场文书
Redis+AOP+自定义注解实现限流
2022/06/28 Redis