I came across apples new pages for iPhone5C, iPhone5S, Mac Pro and noticed a nice effect that they seem to be doing for their product pages. I stead of just having the user scroll freely throughout the page, they set up slides (for lack of better term) that when the user scrolls, no matter the amount, they only are able to go through the slides one at a time.
Iphone5C
Iphone5S
Mac Pro
This is a really nice effect and I wasn't sure if anyone had a method or idea on how to recreate this. Someone posted a script that he wrote to mimic this effect but wasn't sure if there any plugins that were built already. Any ideas or help is appreciated?
Scrolling banners (also known as sliders or carousels) are common design elements that can be seen all over the web. The appeal is easy to understand – scrolling banners add a little motion to the web page and can pack a lot of content in a relatively small area.
A slide zoom can help you make your presentation more dynamic, allowing you to navigate freely between slides in any order you choose without interrupting the flow of your presentation.
It might be a bit late to answer but yeah, there's a plugin to do this.
It is called fullPage.js
It works with old browsers too, such as IE 8 and has many options such as callbacks, loops...
Check it out :)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With