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

Ionic 2 build android error — gradle-wrapper.properties File not find
Ionic: how to make my sub-page bookmarkable?
Ionic package build failed - ionic-plugin-keyboard
Can we change number of tabs by using *ngIf in ionic2 dynamically
ionic header bar scroll
Ionic 3 - Entering a deep link renders the page before the app initializes
Ionic2 - using a starter by specifying a github url fails with “cannot read property”
ion-nav-back-button not working in ionic v1
ionic app not loading updated html when using iframe
What does the .tmp folder in Ionic 2 do?
Ionic Cropping Error
When applying lockSwipes, I cannot scroll image in X-axis
LaunchNavigator - get selected app name
Go back to the previous state
What is the ionic equivalent of 'make clean'
How to remove default assets from ionic 2 build?

Categories

HOME
wso2-am
netbeans
oracle11g
drivers
objectgears
jira
sharepoint-designer
rubygems
binary-tree
win32gui
serverspec
wamp
onelogin
bs4
synchronization
metatrader4
adobe-analytics
hapi
designer
ghc
systemc
propel
django-cms
emulator
jasonette
zurb-foundation-6
qhull
django-storage
bootstrap-duallistbox
brunch
primitive
data-manipulation
fog
hybridauth
environment-modules
picasso
io-redirection
stacked
qwerty
sharefile
webdriver-manager
flashair
s
eclipse-gef
cubic-spline
flickr-api
smartcontracts
azure-application-gateway
fancybox-2
forever
snmptrapd
qtwebview
pillow
django-scheduler
or-tools
grails-tomcat-plugin
log4c
login-control
skobbler-maps
etsy
xml-attribute
player
hill-climbing
phpcas
jfugue
vhd
python-3.2
django-unittest
iis-arr
cakephp-3.1
php-ci
iiviewdeckcontroller
composite
unity5.2.3
pretty-print
clicktag
xc16
android-nested-fragment
id3v2
typeof
doskey
valuechangelistener
flash-builder4.5
jplaton
eventual-consistency
hungarian-algorithm
yui-compressor
smtp-auth
jquery-knob
gil
rdoc
dsn
dotnethighcharts
boost-filesystem
libc++
genshi
psi
propagation
mysql-error-1005
user-friendly
webkit.net
virtual-functions
data-acquisition
signal-handling

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