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 相关文章推荐
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
Textarea根据内容自适应高度
Oct 28 Javascript
自己写的Javascript计算时间差函数
Oct 28 Javascript
js封装可使用的构造函数继承用法分析
Jan 28 Javascript
jQuery简单实现禁用右键菜单
Mar 10 Javascript
JavaScript电子时钟倒计时第二款
Jan 10 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 01 Javascript
JavaScript用document.write()输出换行的示例代码
Nov 26 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
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
基于Zend的Config机制的应用分析
2013/05/02 PHP
浅谈php和.net的区别
2014/09/28 PHP
PHP记录页面停留时间的方法
2016/03/30 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
multiSteps 基于Jquery的多步骤滑动切换插件
2011/07/22 Javascript
封装了一个js图片轮换效果的函数
2011/09/28 Javascript
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
js返回顶部实例分享
2016/12/21 Javascript
jquery做个日期选择适用于手机端示例
2017/01/10 Javascript
js 作用域和变量详解
2017/02/16 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
vuex 项目结构目录及一些简单配置介绍
2018/04/08 Javascript
JavaScript事件对象深入详解
2018/12/30 Javascript
js类的继承定义与用法分析
2019/06/21 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
2020/09/11 Javascript
Python入门篇之函数
2014/10/20 Python
Python 搭建Web站点之Web服务器与Web框架
2016/11/06 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
python标准库OS模块详解
2020/03/10 Python
Python urllib.request对象案例解析
2020/05/11 Python
解决tensorflow模型压缩的问题_踩坑无数,总算搞定
2021/03/02 Python
在印度上传处方,在线订购药品:Medlife
2019/03/28 全球购物
优秀员工个人的自我评价
2013/11/29 职场文书
求职信范文大全
2014/05/26 职场文书
信用卡工资证明格式
2014/09/13 职场文书
团党委领导干部党的群众路线教育实践活动个人对照检查材料思想汇
2014/10/05 职场文书
2016年情人节问候语
2015/11/11 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL
浅析MongoDB之安全认证
2021/06/26 MongoDB