Notice: Unfortunately, this parallax effect is not reliably achieved on mobile devices, so all mobile users will see on this demo page are static backgrounds. Please visit this page on a desktop browser to see its full effect.
Parallax.js is a dirt simple parallax scrolling effect inspired by Spotify.com and implemented as a jQuery plugin.
View the original source code below.
View on GitHub Check out the original demo!Go to jQueryUi.com to make yourself a custom theme. Change at least five categories and note them in this paragraph. Add the date picker below. First, I changed the "Corner radiusC to 10px. Second, I changed the background-color of the "Header/Toolbar" to #333e6f (I picked colors that match my home page). Third, I changed the background-color of "Clickable: default state" to #fcc50f. Fourth, I changed the background-color of "Clickable: hover state" to #feda65. Fifth, I changed the background-color of "Clickable: active state" to #f44d1a.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet vulputate ipsum, eget ullamcorper massa aliquet a. Cras pulvinar, ligula ut eleifend egestas, neque enim euismod urna, eu egestas metus est nec sapien. Morbi pulvinar ante venenatis ullamcorper lobortis. Sed accumsan condimentum ipsum sit amet molestie. Donec vitae magna erat. Donec sagittis sodales sem, ac congue sapien faucibus quis. Donec sit amet sagittis metus. Pellentesque leo ex, imperdiet ut orci nec, pellentesque semper libero. Integer nec sagittis massa. Aenean porta nunc ipsum, fermentum maximus nisi commodo vel. Etiam id felis bibendum, eleifend nisl eu, hendrerit eros. Nulla dapibus elit sapien, vitae volutpat erat tincidunt ut. Nullam interdum, sapien id porttitor pharetra, ante justo aliquam nibh, nec bibendum nisl tellus ac velit. Pellentesque ac rhoncus purus. Donec volutpat in leo non congue.
In tempor luctus arcu, id mollis sem tincidunt vitae. Pellentesque posuere porta porttitor. In imperdiet facilisis nibh, et imperdiet ligula vehicula vitae. Aenean nibh justo, aliquet nec cursus ut, posuere sit amet neque. Cras placerat nisi sit amet lectus vestibulum pretium. Morbi facilisis sagittis accumsan. Curabitur luctus dictum tincidunt. Praesent ultricies eros elit. Vivamus quam massa, imperdiet eu facilisis vitae, condimentum at nulla. Praesent nec eros ipsum. Nunc ut felis sagittis felis tempus fermentum. Aliquam placerat arcu nisi, id luctus ligula rutrum sit amet. Donec bibendum porta bibendum. Vivamus vitae accumsan diam. Nulla et velit nec dui ornare viverra. Aliquam ut eros ex.
Proin molestie condimentum nisl, et auctor augue facilisis a. Praesent ultrices mollis scelerisque. Fusce lobortis quis sapien a ullamcorper. In lacinia mi eget ex dictum porttitor. Fusce interdum et nisi vel efficitur. Quisque fermentum gravida ullamcorper. Nulla facilisi. Integer at sodales quam, sed pharetra orci. Nulla mollis porta dui, et malesuada libero dignissim non.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet vulputate ipsum, eget ullamcorper massa aliquet a. Cras pulvinar, ligula ut eleifend egestas, neque enim euismod urna, eu egestas metus est nec sapien. Morbi pulvinar ante venenatis ullamcorper lobortis. Sed accumsan condimentum ipsum sit amet molestie. Donec vitae magna erat. Donec sagittis sodales sem, ac congue sapien faucibus quis. Donec sit amet sagittis metus. Pellentesque leo ex, imperdiet ut orci nec, pellentesque semper libero. Integer nec sagittis massa. Aenean porta nunc ipsum, fermentum maximus nisi commodo vel. Etiam id felis bibendum, eleifend nisl eu, hendrerit eros. Nulla dapibus elit sapien, vitae volutpat erat tincidunt ut. Nullam interdum, sapien id porttitor pharetra, ante justo aliquam nibh, nec bibendum nisl tellus ac velit. Pellentesque ac rhoncus purus. Donec volutpat in leo non congue.
In tempor luctus arcu, id mollis sem tincidunt vitae. Pellentesque posuere porta porttitor. In imperdiet facilisis nibh, et imperdiet ligula vehicula vitae. Aenean nibh justo, aliquet nec cursus ut, posuere sit amet neque. Cras placerat nisi sit amet lectus vestibulum pretium. Morbi facilisis sagittis accumsan. Curabitur luctus dictum tincidunt. Praesent ultricies eros elit. Vivamus quam massa, imperdiet eu facilisis vitae, condimentum at nulla. Praesent nec eros ipsum. Nunc ut felis sagittis felis tempus fermentum. Aliquam placerat arcu nisi, id luctus ligula rutrum sit amet. Donec bibendum porta bibendum. Vivamus vitae accumsan diam. Nulla et velit nec dui ornare viverra. Aliquam ut eros ex.
Proin molestie condimentum nisl, et auctor augue facilisis a. Praesent ultrices mollis scelerisque. Fusce lobortis quis sapien a ullamcorper. In lacinia mi eget ex dictum porttitor. Fusce interdum et nisi vel efficitur. Quisque fermentum gravida ullamcorper. Nulla facilisi. Integer at sodales quam, sed pharetra orci. Nulla mollis porta dui, et malesuada libero dignissim non.