InviewMixin

Source:

core/modules/inview.js, line 56

class used to manage elements entering/exiting the viewport

Example

import InviewMixin, { mix } from '@/core/ScreenMixin'
import {
	RefsMixin,
} from '@/core/modules/'

export default class ExampleWithAllTheThings extends mix(Behaviour).with(
	InviewMixin
) {
	mount = () => {
		this.$$inview.watch({
			selector: '[data-element]'
		})
	}

	viewport = {
		enter: node => {
			log('exit', node)
		},

		exit: node => {
			log('exit', node)
		}
	}
}