gistfile1.html

<div class="scrollable" coen-scroll>
    <ul class="actual-menu" data-ng-show="coenScroll.getScroll()>100">
        
    </ul>
</div>


<script type="text/javascript">
    
    angular.module('coen')
        .directive('coenScroll', [ '$parse', function ( $parse ) {
            
            return {
                controller: [ '$scope', '$element', '$attrs', function ( $scope, $element, $attrs  ) {
                    
                    var ctrl = {};
                    
                    ctrl.getScroll = function ( ) {
                        var scrollPosition = 0; //compute
                        return scrollPosition;  
                    };
                    
                    $element.bind('scroll', function ( ) {
                       if($attrs.coenScroll) {
                           $parse($attrs.coenScroll)($scope, { $scroll: ctrl.getScroll() });
                       } 
                    });
                    
                    return ctrl;
                    
                }],
                controllerAs: 'coenScroll'
            }
            
        }]);
    
</script>