AngularJS - >查詢「處於頁面底部」

Question

詢問「是否有更多的滾動或讓我們到達Angular中可滾動區域的底部？」的最佳方式是什麼？

擁有一個帶有固定底部導航欄的單頁應用程序，並且希望顯示一個UI提示，指示有更多內容要顯示，條件是不在頁面結尾。思考有一個書籤方式（哈希標籤）來做到這一點。

Answer 1

這是一種解決方案：我已經創建結合滾動事件，並在它的情況是可能的指令，向下滾動顯示它的div，附加在編譯的時候：

app.directive('thereIsMore', function() { 
    return { 
    restrict: 'A',  
    scope: true, 
    compile: function(tElement) { 
     tElement.append('<div class="there-is-more" ng-show="bottom">There is more...</div>'); 
     return function(scope, element) { 
     var elm = element[0];   
     var check = function() { 
      scope.bottom = !(elm.offsetHeight + elm.scrollTop >= elm.scrollHeight); 
     }; 
     element.bind('scroll', function() { 
      scope.$apply(check);   
     }); 
     check();   
     }; // end of link 
    }  
    }; 
}); 

工作例如：http://plnkr.co/edit/8W3E7BunpDxIkEPDqxzb?p=preview