added a reusable check for when an el isFullyVisible

index.coffee

@@ -40,6 +40,11 @@ module.exports =
 			type: 'string'
 			default: 'in-viewport'
 
+		# Whether to only update in-viewport class once
+		inViewportEntrelyClass:
+			type: 'string'
+			default: 'in-viewport-entirely'
+
 		# A positive offset triggers "late" when scrolling down
 		inViewportOffsetTop:
 			type: Number
@@ -51,7 +56,9 @@ module.exports =
 			default: 0
 
 	# Boolean stores whether component is in viewport
-	data: -> inViewport: false
+	data: ->
+		inViewport: false
+		inViewportEntirely: false
 
 	# Add handlers when vm is added to dom unless init is false
 	ready: -> @addInViewportHandlers() if @inViewportActive
@@ -71,6 +78,10 @@ module.exports =
 			@removeInViewportHandlers() if @inViewportOnce and visible
 			$(@$el).toggleClass(@inViewportClass, visible) if @inViewportClass
 
+		inViewportEntirely: (visible) ->
+			$(@$el).toggleClass(@inViewportEntrelyClass, visible) if @inViewportEntrelyClass
+
+
 	# Public API
 	methods:
 
@@ -79,6 +90,7 @@ module.exports =
 			@inViewport =   @isInViewport @$el,
 				offsetTop:    @inViewportOffsetTop
 				offsetBottom: @inViewportOffsetBottom
+			@inViewportEntirely = @isInViewportEntirely @$el
 
 		# Add listeners
 		addInViewportHandlers: ->
@@ -97,3 +109,7 @@ module.exports =
 
 		# Public API for invoking visibility test
 		isInViewport: (el, options) -> visibility.isInViewport(el, options)
+
+		# Public API for invoking visibility test
+		isInViewportEntirely: (el, options) ->
+			visibility.isFullyVisible el

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vue-in-viewport-mixin",
-	"version": "0.4.0",
+	"version": "0.4.1",
 	"description": "Vue mixin to determine when a DOM element is visible in the client window",
 	"main": "index.coffee",
 	"scripts": {

visibility.coffee

@@ -3,31 +3,52 @@
 # @param  DOMELement el
 # @param  object     options
 # @return            bool
-module.exports = isInViewport: (el, options) ->
-
-	# Require an el
-	return false if !el
-
-	# Default options
-	options = {} if !options
-	options.offsetTop = 0 if !options.offsetTop
-	options.offsetBottom = 0 if !options.offsetBottom
-
-	# Get Viewport dimensions
-	# http://ryanve.com/lab/dimensions/
-	vp = {}
-	vp.height = document.documentElement.clientHeight
-	vp.width  = document.documentElement.clientWidth
-
-	# Support percentage offsets
-	for key in ['offsetTop', 'offsetBottom']
-		options[key] = vp.height * options[key] if 0 < Math.abs(options[key]) < 1
-
-	# Get element dimensions with offsets
-	vm = el.getBoundingClientRect()
-
-	# Test if in viewport
-	vm.top + options.offsetTop <= vp.height and
-	vm.bottom + options.offsetBottom >= 0 and
-	vm.left <= vp.width and
-	vm.right >= 0
+module.exports =
+	isInViewport: (el, options) ->
+
+		# Require an el
+		return false if !el
+
+		# Default options
+		options = {} if !options
+		options.offsetTop = 0 if !options.offsetTop
+		options.offsetBottom = 0 if !options.offsetBottom
+
+		# Get Viewport dimensions
+		# http://ryanve.com/lab/dimensions/
+		vp = {}
+		vp.height = document.documentElement.clientHeight
+		vp.width  = document.documentElement.clientWidth
+
+		# Support percentage offsets
+		for key in ['offsetTop', 'offsetBottom']
+			options[key] = vp.height * options[key] if 0 < Math.abs(options[key]) < 1
+
+		# Get element dimensions with offsets
+		vm = el.getBoundingClientRect()
+
+		# Test if in viewport
+		vm.top + options.offsetTop <= vp.height and
+		vm.bottom + options.offsetBottom >= 0 and
+		vm.left <= vp.width and
+		vm.right >= 0
+
+	isFullyVisible: (el) ->
+
+		# Require an el
+		return false if !el
+
+		# Get Viewport dimensions
+		# http://ryanve.com/lab/dimensions/
+		vp =
+			height: document.documentElement.clientHeight
+			width: document.documentElement.clientWidth
+
+		# Get element dimensions with offsets
+		vm = el.getBoundingClientRect()
+
+		# Test if in entirely in viewport
+		vm.top >= 0 and
+		vm.bottom <= vp.height and
+		vm.left >= 0 and
+		vm.right <= vp.width