1 / 5

Parallax scrolling techniques

Parallax scrolling techniques . Seamus Lyman. What is parallax scrolling?. Parallax scrolling is a java coding that causes objects on a web page to move at a different speed at which the user is scrolling

mihaly
Download Presentation

Parallax scrolling techniques

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Parallax scrolling techniques Seamus Lyman

  2. What is parallax scrolling? • Parallax scrolling is a java coding that causes objects on a web page to move at a different speed at which the user is scrolling • It allows you to have multiple objects moving at once on the page to create interesting effects • Often multi-layered elements on the pages

  3. My goals • To create something similar to the New York Times coverage of the 2014 Sochi Olympics • At the minimum to mimic parallax scrolling • Find a WordPress theme that gives a parallax scrolling effect

  4. Issues faced • Java Script is not as easy as I originally thought it would be • Just because you find the theme doesn’t make it work, you need the coding sometimes • I’m not a New York Times coder

  5. What I was able to do • Find templates for themes compatible with parallax scrolling • Buy a theme with parallax scrolling effects • Find java script libraries on GitHub • Scrollr • Stellr.js • Superscrollorama • Jquery-parallax • Scrollkit (tutorial)

More Related