编程 Javascript

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();//重新计算宽度和高度的方法
}

好了终于解决了，可以睡觉了！！！

ion content 滚动到底部会遮住一部分视图的快速解决方法

- Author -

天青色等烟雨love

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS实多级联动下拉菜单类，简单实现省市区联动菜单！

May 03 Javascript

javascript 对象定义方法简单易学

Mar 22 Javascript

js 编码转换 gb2312 和 utf8 互转的2种方法

Aug 07 Javascript

JS+CSS实现的经典tab选项卡效果代码

Sep 16 Javascript

全面了解JavaScript对象进阶

Jul 19 Javascript

jQuery EasyUI Tab 选项卡问题小结

Aug 16 Javascript

js模块加载方式浅析

Aug 12 Javascript

JS实现图片手风琴效果

Apr 17 Javascript

vue自定义指令的创建和使用方法实例分析

Dec 04 Javascript

Vue安装浏览器开发工具的步骤详解

May 12 Javascript

vue中created和mounted的区别浅析

Aug 13 Javascript

JS常见错误(Error)及处理方案详解

Jul 02 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

Zend studio文件注释模板设置方法

2013/09/29 PHP

PHP关于foreach复制知识点总结

2019/01/28 PHP

ThinkPHP框架下微信支付功能总结踩坑笔记

2019/04/10 PHP

php探针使用原理和技巧讲解

2019/09/17 PHP

采用CSS和JS,刚好我最近有个站点要用到下拉菜单!

2006/06/26 Javascript

用cookies实现的可记忆的样式切换效果代码下载

2007/12/24 Javascript

Javascript 原型和继承(Prototypes and Inheritance)

2009/04/01 Javascript

JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码

2015/09/17 Javascript

JS实现带鼠标效果的头像及文章列表代码

2015/09/27 Javascript

jquery及js实现动态加载js文件的方法

2016/01/21 Javascript

javascript鼠标右键菜单自定义效果

2020/12/08 Javascript

详解nodejs微信公众号开发——4.自动回复各种消息

2017/04/11 NodeJs

Vue的Class与Style绑定的方法

2017/09/01 Javascript

javascript函数的节流[throttle]与防抖[debounce]

2017/11/15 Javascript

vue-cli的工程模板与构建工具详解

2018/09/27 Javascript

JavaScript获取某一天所在的星期

2019/09/05 Javascript

vue设置默认首页的操作

2020/08/12 Javascript

在vscode 中设置 vue模板内容的方法

2020/09/02 Javascript

Vue项目开发常见问题和解决方案总结

2020/09/11 Javascript

pyv8学习python和javascript变量进行交互

2013/12/04 Python

使用python实现knn算法

2017/12/20 Python

Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】

2018/07/12 Python

浅谈pycharm出现卡顿的解决方法

2018/12/03 Python

关于python多重赋值的小问题

2019/04/17 Python

numpy 声明空数组详解

2019/12/05 Python

Python通过VGG16模型实现图像风格转换操作详解

2020/01/16 Python

python列表切片和嵌套列表取值操作详解

2020/02/27 Python

Python 绘制可视化折线图

2020/07/22 Python

python 对象真假值的实例(哪些视为False)

2020/12/11 Python

python 检测nginx服务邮件报警的脚本

2020/12/31 Python

把富文本的回车转为br标签

2019/08/09 HTML / CSS

数据库方面面试题

2012/04/22 面试题

机关门卫制度

2014/02/01 职场文书

项目经理聘任书

2014/03/29 职场文书

《赠汪伦》教学反思

2014/04/12 职场文书

教你如何用Python实现人脸识别（含源代码）

2021/06/23 Python