ion content 滾動到底部會遮住一部分視圖的快速解決方法
出現(xiàn)上面這個問題主要的原因是產(chǎn)品的需求要求點(diǎn)擊隱藏或者展開二級列表,導(dǎo)致ion-content出現(xiàn)這個問題,經(jīng)過多次嘗試終于找到解決辦法,很簡單,只要在你的controller里面預(yù)先注入$ionicScrollDelegate,如下代碼
app.controller('myperforController', ['$scope', '$http', '$state', '$ionicLoading', 'service', '$ionicHistory','$ionicScrollDelegate', function($scope, $http, $state, $ionicLoading, service, $ionicHistory,$ionicScrollDelegate){
注入完成之后就好辦了,只要在你點(diǎn)擊的地方通知ion-content重新計算寬度和高度即可,只需調(diào)用下面的方法即可:
$scope.onClick = function(text){ $ionicScrollDelegate.resize();//重新計算寬度和高度的方法 }
好了終于解決了,可以睡覺了!?。?/p>
相關(guān)文章
js+canvas實(shí)現(xiàn)動態(tài)吃豆人效果
本文主要介紹了js+canvas實(shí)現(xiàn)動態(tài)吃豆人效果的實(shí)例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03JS 插件dropload下拉刷新、上拉加載使用小結(jié)
這篇文章主要介紹了JS 插件dropload下拉刷新、上拉加載使用小結(jié),需要的朋友可以參考下2017-04-04JavaScript實(shí)現(xiàn)alert彈框效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)alert彈框效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11基于javascript實(shí)現(xiàn)貪吃蛇小游戲
這篇文章主要介紹了基于javascript實(shí)現(xiàn)貪吃蛇小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-11-11layer實(shí)現(xiàn)彈出層自動調(diào)節(jié)位置
今天小編就為大家分享一篇layer實(shí)現(xiàn)彈出層自動調(diào)節(jié)位置,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09Bootstrap 模態(tài)框(Modal)帶參數(shù)傳值實(shí)例
模態(tài)框(Modal)是覆蓋在父窗體上的子窗體。下面通過本文給大家介紹Bootstrap 模態(tài)框(Modal)帶參數(shù)傳值實(shí)例代碼,需要的朋友參考下吧2017-08-08CKEditor 4.4.1 添加代碼高亮顯示插件功能教程【使用官方推薦Code Snippet插件】
這篇文章主要介紹了CKEditor 4.4.1 添加代碼高亮顯示插件功能,涉及ckeditor使用官方推薦Code Snippet插件的相關(guān)操作布局與使用注意事項(xiàng),需要的朋友可以參考下2019-06-06