如何检查某个元素是否在页面底部

Question

我见过很多基于页面滚动的解决方案。有没有办法 - 仅基于页面大小，javascript中的某个元素（例如div）（如果可能有角度）知道这个元素本身就在页面底部附近？

我有一个创建元素的指令：

angular.module('myapp').directive('sampleElement',
    function () {
        return {
            restrict: 'E',
            templateUrl: 'views/sample.html',
            link: function (scope, element, attrs, formCtrl) {
                // code to detect if it's near or at the bottom of the page and do something
            }
        }
    }
);

在我的HTML

上

<div class="col-md-5">Sample element</div>

我希望我的指令能够检测到它几乎或位于页面的底部，以便它可以根据页面的大小来执行某些操作，滚动无关紧要。它有点像不是事件驱动的东西，但它只是检查指令可以知道页面有多长，并知道它是否位于底部。就是这样。