messing w directives

weird-directive-thing.js

poopoo.directive('fixedHeader', function() {
	return {
		// Restrict it to be an attribute in this case
		restrict: 'A',
		link: function(scope, element, attrs) {
			window.scrollmything = function() {
				var window = this;
				window.elementHeight = element.height();
				window.activate();
				$(window).on('scroll', this.activate);
				$(window).on('resize', this.activate);
			};
			window.activate = function() {
				var scrollTop = $(window).scrollTop();
				if( scrollTop > window.elementHeight ) {
					window.scrollEnabled();
				} else {
					window.scrollDisabled();
				}
			};
			window.scrollEnabled = function() {
				$(element).addClass('fixed');
			
			};
			window.scrollDisabled = function() {
				$(element).removeClass('fixed');
			};
			window.scrollmything();
		}
	};
});

Hey try using $window instead of window. Then if you ever wanted to test this you could substitute $window to achieve a desired outcome.

thanks!