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-refresher has stopped appearing after upgrade
Ionic2 - No page transitions on iOS
Unable to deploy using firebase 3.0.0
getting error while executing ionic App in terminal using command $ionic serve?
ionic emulate not working connection error timed out
Unable to get logs, app is stuck at splash screen with ionic 2 and using ios 9. Tried this trick and it didn't work
how to show total notification count in ionic app
Is it possible to stream RTSP iptv on ionic
How to receive Push but not the notification in tray using Ionic Framework?
how to break line in ionic 2 elements like buttons
Angular 2 plain ES6 - how to declare ViewChild?
Create VOIP chat application using Socket.IO
Ionic2 How to update Ion menu items from a child component/modal
Issue with click event in mobile IE
onclick not working on Android Emulator (ionic framework)
Getting “Error” while trying to connect Ionic App with Mobile first server 7.1 version

Categories

HOME
compiler-construction
sendgrid
multithreading
hook
nullpointerexception
session
bookshelf.js
survey
fancybox
pheatmap
session-variables
reveal.js
jplayer
gz
ghc
libtiff
facebook-page
flux
samoa
jquery-ajaxq
firebase-crash-reporting
smb
pepper
semantic-analysis
bootstrap-duallistbox
react-css-modules
filezilla
applozic
primitive
flink-streaming
oracle-fusion-middleware
phpfreechat
asset-pipeline
ghost4j
nssegmentedcontrol
suricata
file-format
code-search-engine
c11
sqlite2
squib
isbn
sencha-touch-2.3
angular-resource
appcompat
filepicker
revapi
prolog-setof
jquery-validate
gabor-filter
forever
csound
media-player
pearson
iso8601
gridpane
intrusion-detection
multi-level
underscore.js-templating
py2app
nsfilemanager
firebaseui
mutation-observers
android-listview
event-bubbling
composite
unity5.2.3
umbraco6
block-device
rake-task
nsbutton
rdl
xojo
jubula
system.net.webexception
datagridviewcolumn
inbox
file-locking
yui-compressor
comaddin
html-editor
cassini-dev
wsdl-2.0
factory-method
selected
jquery-knob
path-separator
sublist
manchester-syntax
hosts-file
chrono
windows-phone-7.1.1
boost-filesystem
zpt
coredump
self-extracting
recent-documents
asp.net-mvc-areas
zend-translate
gallio
backcolor
premature-optimization
document-conversion

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App