Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Scrolling through a page like Slides

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?

like image 347
mhartington Avatar asked Sep 17 '13 21:09

mhartington


People also ask

What is a scrolling banner?

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.

What allows you to scroll through slides in PowerPoint?

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.


1 Answers

It might be a bit late to answer but yeah, there's a plugin to do this.

It is called fullPage.js

  • Living demo
  • Web page
  • Github

It works with old browsers too, such as IE 8 and has many options such as callbacks, loops...

Check it out :)

like image 173
Alvaro Avatar answered Oct 10 '22 00:10

Alvaro