https://github.com/andrewlaskey/slightlylax.js

Create content sections that slide over each other as the user scrolls
https://github.com/andrewlaskey/slightlylax.js

Last synced: 19 days ago
JSON representation

Create content sections that slide over each other as the user scrolls

• Host: GitHub
• URL: https://github.com/andrewlaskey/slightlylax.js
• Owner: andrewlaskey
• License: mit
• Created: 2013-09-09T18:45:23.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2013-09-09T20:58:52.000Z (about 11 years ago)
• Last Synced: 2023-03-24T06:01:33.113Z (over 1 year ago)
• Language: JavaScript
• Size: 109 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
SlightlyLax.js

==============

Create content sections that slide over each other as the user scrolls. It's a little like parallax, but only slightly.

##Setup

Include the script

```HTML

```

Your page sctructure should look something like this:

```HTML

	


		


			

		

		


			

		

		


			

		

		


			

		

	

```


Ideally in your stylesheets make sure your ".panel" class has a set height. SlightlyLax will find panels where "data-lax" is set to true. As the user scrolls, these panels will slide up over the previous panel slightly hiding that content. The first panel doesn't need the "data-lax" attribute.