Scroll to elements on a large background

This uses scrollTo to move to different points on a large background.

Scrolling starts by clicking on the menu or in the coloured boxes at each stop.

Coloured info boxes automatically open at each stop.

Clicking outside a coloured box closes it; clicking on a closed city opens it.

This project is part of my Playground - a collection of fun (and dare I say it: clever) stuff I made in the past, from jQuery games and plugins to CSS animation tricks.

Please drop in on my portfolio site
www.rayhyde.nl!

New York

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, culpa rerum magnam nulla totam unde soluta pariatur eligendi tempore repellendus explicabo sint ipsam corrupti optio iure possimus velit maxime reiciendis!

< Sydney

London >

London

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, culpa rerum magnam nulla totam unde soluta pariatur eligendi tempore repellendus explicabo sint ipsam corrupti optio iure possimus velit maxime reiciendis!

< New York

Cape Town >

Cape Town

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, culpa rerum magnam nulla totam unde soluta pariatur eligendi tempore repellendus explicabo sint ipsam corrupti optio iure possimus velit maxime reiciendis!

< London

Peking >

Peking

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, culpa rerum magnam nulla totam unde soluta pariatur eligendi tempore repellendus explicabo sint ipsam corrupti optio iure possimus velit maxime reiciendis!

< Cape Town

Sydney >

Sydney

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, culpa rerum magnam nulla totam unde soluta pariatur eligendi tempore repellendus explicabo sint ipsam corrupti optio iure possimus velit maxime reiciendis!

< Peking

New York >