Hi,
Is this a bug or somthing?
I meet the same problem as this post.
Also does not work, i can’t do load more date when scroll.
<ion-content scroll="false">
<md-tabs md-selected="selectedIndex" md-stretch-tabs="never" md-border-bottom>
<md-tab ng-repeat="tab in tabs" label="{{tab.name}}">
<md-content class="md-padding">
<ion-scroll style="height:100%">
<ion-refresher
pulling-text="Pull to refresh..."
on-refresh="doRefresh($index)">
</ion-refresher>
**......some content**
<ion-infinite-scroll
ng-if="tab.hasInit && !tab.loadOver"
on-infinite="loadMore($index)"
distance="10%">
</ion-infinite-scroll>
</ion-scroll>
</md-content>
</md-tab>
</md-tabs>
</ion-content>
My ionic version is nightly 1.0.0-nightly-1310 (2015-05-18)
Thanks.
And also I try to set jsScrolling as default by exclude the line.
//$ionicConfigProvider.scrolling.jsScrolling(false);
and the html as
<ion-content scroll="false">
<md-tabs md-selected="selectedIndex" md-stretch-tabs="never" md-border-bottom>
<md-tab ng-repeat="tab in tabs" label="{{tab.name}}">
<md-content class="md-padding">
<ion-scroll style="height:100%" overflow-scroll="true">
<ion-refresher
pulling-text="Pull to refresh..."
on-refresh="doRefresh($index)">
</ion-refresher>
<ion-list class="products-grid {{tab.class_name}}">
<div class="product" ng-repeat="product in tab.lists">
<div class="product-inner">
<a href="#app/productDetail/{{product.entity_id}}">
<div class="product-image">
<img src="{{product.image_url}}"
alt="{{product.name}}">
</div>
</a>
<div class="product-info">
<div class="product-name">
{{product.name}}
</div>
<div class="product-price">
<div class="price-box">
<span class="special-price">
<span class="special-price">
<span class="price">
{{product.symbol}}{{product.final_price_with_tax | number:0}}
</span>
<span class="old-price">
{{product.symbol}}{{product.regular_price_with_tax | number:0}}
</span>
</span>
</span>
<span class="discount {{price_percent_class}}">
<span class="price">
{{product | discount}}
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</ion-list>
<ion-infinite-scroll
ng-if="tab.hasInit && !tab.loadOver"
on-infinite="loadMore($index)"
distance="15%">
</ion-infinite-scroll>
</ion-scroll>
</md-content>
</md-tab>
</md-tabs>
</ion-content>
The problem is still not fix…