angularjs
  • laravel-5
  • infinite-scroll
  • nginfinitescroll
  • 2017-02-14 105 views 0 likes 
    0

    我使用NG-無限scroll.js工作的無限滾動,滾動功能,工作在PC的罰款。當進入移動/響應視圖時,它不會在滾動時加載任何項目。納克與角JS不響應視圖和移動設備

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

    在移動視圖控件甚至沒有進入'$ scope.loadMore'方法。

    讓我知道是否有任何解決方案來解決這個問題。預先感謝。

    +0

    你如何調試你的應用程序?在loadMore方法中添加一個** alert **語句檢查它是否調用 –

    +0

    @Gangadhar Jannu,這就是我發現的 - 沒有警報在打開移動視圖時記錄在loadMore內部。 –

    +0

    你好格倫!這似乎是我面臨同樣的問題。你有沒有找到解決你的問題的辦法? –

    回答

    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,身體{身高100%重要!})。謝謝。

    相關問題