Hacker Newsnew | past | comments | ask | show | jobs | submitlogin
Ask HN: How was this design technique achieved?
1 point by hbhakhra on Oct 21, 2014 | hide | past | favorite | 1 comment
I saw this article on ESPN and I was very impressed with the technique that was used. Basically there is a long scrolling single page and in between the "chapters" there is a background image that stays in place while the paragraph scroll along it until its covered.

Here is the url: http://espn.go.com/espn/feature/story/_/id/11717596/is-kobe-bryant-reason-los-angeles-lakers-downfall

Follow up - What is the best way to learn a design technique seen in the wild?



Searching for "parallax scrolling" should get you were you need to go. Here's a jquery plugin you can use, one of many:

http://ianlunn.co.uk/plugins/jquery-parallax/




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: