andreasnymark / merl.scrollToggle

Toggle class on element based on scroll position and viewport.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

merl.scrollToggle

View demo

Toggle class of element based on scroll position and viewport.

Default markup

<div class="js-scrollToggle">
	<div class="block">
		<h1>Content</h1>
	</div>
	<div class="block">
		<h1>Content</h1>
	</div>
</div>

Default settings

Key Type Default Note
selector string .js-scrollToggle
selectBlock string .block
classInView string is-inView
classOutView string is-outOfView
toggleAbove boolean false Toggle class when element is above viewport
minWidth number 600 Turn off for smaller devices.

Init

merl.scrollToggle.init();

About

Toggle class on element based on scroll position and viewport.

License:MIT License


Languages

Language:HTML 73.4%Language:JavaScript 26.6%