Native scrolling - Scroll does not start on input and infinite-scroll


#1

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>

#2

My ionic version is nightly 1.0.0-nightly-1310 (2015-05-18)

Thanks.


#3

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>
                                                &nbsp;
                                                <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…