応答のあるビューとモバイルデバイスで角度のjが無限のスクロールで動作しない

Question

ng-infinite-scroll.jsを使用していますが、スクロール機能はPCで正常に動作しています。モバイル/応答ビューになると、スクロール中にアイテムがロードされません。

<div class="row" infinite-scroll="loadMore('{!! slug !!}','{!! code !!}')" infinite-scroll-disabled='busy' infinite-scroll-distance='1'> 

-------contents list---------- 

</div> 

モバイルビューコントロールでは、 '$ scope.loadMore'メソッドの中に入っていません。

この問題を解決する方法があれば教えてください。少し早いですがお礼を。

Answer 1

私はこの問題を解決するために多くの手順を実行しました。まず、無限スクロールjsをバージョンng-infinite-scroll-v1.2.0に更新しました。以下に示すように、私は無限スクロールコンテナを追加することで、コードを更新し、問題を修正するために

は：

<div id="infi-scroll"> 
    <div class="row" infinite-scroll="loadMore('{!! slug !!}','{!! code !!}')" infinite-scroll-disabled='busy' infinite-scroll-distance='1' infinite-scroll-container="'#infi-scroll'" ng-cloak> 
    <div ng-repeat="single in projects" class="col-md-4 bottom-margin"> 
     <!-- listing goes here --> 
    </div> 
    <div ng-show='busy'> 
     <center> 
     <img src="images/ajax-loader.gif" /> 
     </center> 
    </div> 
    </div> 
</div> 

私は、モバイルデバイスにもせずにすべての問題を扱うこのコードを発見しました。

注：htmlの高さ、bodyタグがレスポンシブCSSの下に定義されていると、モバイルデバイスでの作業に影響する場合があります。 （例：html、body {height：100％！important;}）

これはあなたの問題を解決します。ありがとう。