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

how do i show ionic loading until local storage is populated in pouch
Update view and value in ionic 2
Ionic: ion-slide-box inside of ion-nav-view
Add android platform on ionic
Ionic UI Router issue: 2nd level state views not loading
Dynamic menu items on ionic2
TypeError: $cordovaFile.uploadFile is not a function
Remove fade in in ionic loader
Ionic ngcordova uploading video while capturing
Check VPN connection in Ionic Framework
How to get Yammer messages of particular group?
When I start the App with GPS off , and later GPS is activated, Location is not detected
How to install Facebook Pixel and track a conversion in an app using Cordova?
Android 6 Permission denied for Reading SMS?
Ionic2: ngOnChanges not triggering
Ionic link without back button

Categories

HOME
google-chrome-extension
netbeans
minimum-spanning-tree
kde
fme
spagobi
amazon-ecs
gps
pheatmap
virtualization
vault
reveal.js
midi
apache-cayenne
usergrid
remote-access
percona
worldwind
fatal-error
google-static-maps
oracle-coherence
text-rendering
contextmenu
lucene.net
visual-composer
custom-wordpress-pages
bootstrap-tour
dxf
java-7
numerical-methods
buck
msys2
stormpath
oracle-fusion-middleware
pdb
winrt-xaml-toolkit
lxd
textmate
x11-forwarding
mixture-model
code-search-engine
sharefile
sas-visual-analytics
flashair
qcombobox
jquery-validate
togetherjs
magma
snmptrapd
media-player
windows-mobile-6.5
jspdf-autotable
vtigercrm
eventkit
deadbolt-2
gridpane
nsfilemanager
impresspages
autorest
fputcsv
hover-over
tform
phpcas
hsv
srand
ora-00900
qdialog
content-length
browser-bugs
method-parameters
fscommand
gwidgets
oxwall
tablelayout
xcode-6.2
internet-connection
rdl
project-planning
mechanize-ruby
hyprlinkr
jmapviewer
listings
coverflow
odata4j
easy-install
dataadapter
html-editor
drools-planner
rdoc
uiviewanimation-curve
nsmanagedobject
hgsubversion
qt-jambi
pydot
xmemcached
xdomainrequest
servicehost
file-comparison
propagation
sql-server-profiler
html-input
cxxtest
revisions
mozilla-prism
adrotator
ctp4
w3wp

Resources

Encrypt Message