ionic-framework


Image loading stops page scroll


i have this ionic html code
<ion-content padding="true">
<div class="content-loading">
<div ng-show='showCenteredLoading'>
<div class="loading-spinner">
<ion-spinner class='loading'></ion-spinner> <p>Loading Messages...</p>
</div>
</div>
<div class='alert alert-grey fxd-alert center-txt clear-both' ng-show="pageInfoMsg !== ''"><h3 class='icon ion-information-circled'></h3><p ng-bind-html="pageInfoMsg"></p></div>
<center><button class='button icon-left ion-refresh' ng-click='load()' ng-show="showReloadBtn">Retry</button></center>
</div>
<div class="chat-conversations padding">
<div class="message">
<center><button class='button button-small margin-bt-10 icon-left ion-arrow-up-c' ng-click='loadMessages(nextPage)' ng-show="nextPage!=undefined">previous messages</button></center>
<div class="bubble {{message.uId == currentUser.id ? 'out':'in'}}-msg msg-tap-{{message.tapped}}" ng-repeat="(id, message) in messages" on-hold="onHoldMessage($index, $event, id, message)">
<span ng-show="message.msgType!=='msgPic'">
<span compile="message.text | linky:'_blank'"></span><br/>
</span>
<span ng-if="message.msgType==='msgPic'" ui-sref="app.view-photo({postId: pairId, photoId: currentUser.id, 'isOwner': false, imageFor: 'chat', msgId: message.id})">
<img class="full-image" ng-src='{{BASE_URL}}/message/photo/{{pairId}}/{{currentUser.id}}/{{message.id}}{{authUrlParams}}' show-failed-img='yes' img-type='feed' imageonload/>
</span>
<span class="time" am-time-ago="message.time"></span>
</div>
</div>
</div>
</ion-content>
The problem is when 4-5 image is added to the model, the page scrolling is stopped happening. Doe the image loadng stops page scrolling?

Related Links

Ion nav view not working properly
Ionic views without navigation
Right Arrow of list item conflicting with can-swipe gesture ionic
Ionic having multiple files for services and controllers
using ion-nav-title makes the back button title doesn't show previous page title
Back Arrow Button In Ionic
Ionic Make Ion-header-bar appear above Ion-Side-Menu
How to customize Bluemix push notification?
Remove pager (dots) in new ion-slides ionic component
Ionic framework - hide left menu button
ionic back button not appearing in tabbed view
click event ng-click not working
Nesting ion-nav-view inside nav-view
Ionic integrating Survey Monkey
Why is $firebaseArray slow on display?
Cordova geolocation timestamp

Categories

HOME
twitter
keycloak
single-sign-on
smarty
framework7
adb
cvs
jxls
angular-ui-bootstrap
bs4
facebook-messenger-bot
dacpac
mapserver
nstableview
resize
remote-access
messages
try-catch
transformation
pythonanywhere
contextmenu
dbext
java-7
microsoft-sync-framework
vlsi
kannel
brunch
maxmind
spring-mybatis
vision
bpel
gsoap
.net-4.0
http-referer
environment-modules
android-ble
plsql-psp
devextreme
restlet
libraries
libvpx
android-mediaprojection
scorm
zip4j
jquery-nestable
rails-routing
tizen-native-app
nsarray
cudafy.net
nbconvert
dynamics-sl
background-service
gridpane
vmware-tools
bonobo
adxstudio-portals
django-debug-toolbar
autorest
simplewebrtc
suffix-tree
browser-link
freedesktop.org
reactive-banana
feedback
muse
drawbitmap
ionic
ibaction
ios9.1
graph-drawing
vstest.console.exe
census
remobjects
kineticjs
formatjs
typekit
javafx-webengine
qcodo
device-manager
onactivityresult
flask-cors
java.nio.file
geos
chronoforms
android-screen-support
orchardcms-1.7
angularjs-controller
anonymous-methods
pysimplesoap
transactionscope
adk
gcj
tomcat-valve
xfbml
lang
yslow
infrastructure
kdbg
ctp4
text-coloring
spec#

Resources

Encrypt Message