We are overhauling the docs, and we need your help!Do you have a few minutes to answer what you think is missing?

out
Stop handling unless intersectionRatio has decreased.

The out modifier stops the handler unless intersectionRatio has decreased.

Syntax

edit

 # Will only trigger when element starts intersecting
<div @intersect.out=handler>
# Will trigger whenever any part of the div is hidden
<div @intersect(1).out=handler>

implementors

events

modifiers

Properties

methods

Examples

edit

 import {Box} from 'controls'
tag App
	<self>	
		<Box @intersect.out.log('outside of viewport')> 'drag'
		<Box @intersect(self).out.log('outside of App')> 'drag'
		<Box @intersect(self,0.5).out.log('halfway')> 'drag'
		<Box @intersect(self,1).out.log('covered')> 'drag'

imba.mount <App.frame>

Resources