Parallax Site with Horizontal to Vertical Scroll


I'm trying to create a parallax site, but with a very unique twist.

I currently have HTML and CSS for a horizontally scrolling parallax site. However, I would like it so when you get to a specific section you're given a vertical parallax scroll instead of a horizontal one.

Check out this site for an example: [url removed, login to view]'ll see how the horizontal scroll, all of a sudden becomes a vertical scroll...

One important requirement, is that you MUST continue using Stellar JS (linked below)...

Another important requirement, I'd like to have movement on the site controlled in three ways:

1) The Mouse both horizontal and vertical modes.

2) Edge Scrolling --keeping your mouse to the right hand side of the viewport will pan the scene to the right (as if you're scrolling). Also keep in mind that you'll need to be able to do this vertically during that portion of the site. Check out ([url removed, login to view])

3) Scroll Bar ...I'll also need a horizontal scroll bar as well. Keep in mind that this will need to become a vertical scroll bar during the vertical scene at the end.

It would be strongly preferred if you used something like NiecScroll ([url removed, login to view]) or something similar to allow for "smooth" scrolling on the page, no matter the control method.


1) Ability to switch from horizontal parallax, to vertical parallax at the end of a "scene", within the main container.

2) Use of [url removed, login to view] ([url removed, login to view])

3) Three Control Methods: Mouse Wheel, Edge Scrolling (only when on to the right side of the main container), and Scroll Bar ...all of these should all work for Horizontal and Vertical Scenes.

4) Use of something similar to NiceScroll to allow for a "smooth" scrolling effect.

5) Code with comments is strongly preferred.

NOTE: I AM NOT ASKING YOU TO BUILD ME A WEBSITE. I am only asking you to add the functionality listed above to the current demo i have. I am not asking for any design work whatsoever, just for some help with the functionality above.

Skills: CSS, HTML, Javascript, jQuery / Prototype

See more: parallax horizontal vertical scrolling, parallax vertical horizontal, horizontal parallax site html, parallax horizontal html stellar, horizontal parallax scroll, parallax scrolling horizontal instead vertical, parallax scrolling css horizontal vertical, css vertical parallax, parallax page scroll specific page section, css scroll wheel horizontal, vertical horizontal scroll parallax mouse wheel, parallax horizontal, horizontal parallax, parallax css horizontal vertical, horizontal parallax html, stellar mouse wheel, stellar one, pan scroll, create site with css, parallax

About the Employer:
( 4 reviews ) Glendale, United States

Project ID: #4392892

7 freelancers are bidding on average $517 for this job


I have excellent team of programmers and designers work on your project efficiently and complete job in time. Please let me know when you are available to talk further on this so we can start the work asap. Thanks Sand More

$540 USD in 30 days
(22 Reviews)

Hello I can do this job honestly kindly check private message

$1200 USD in 7 days
(3 Reviews)

Hi i can do it.

$800 USD in 20 days
(4 Reviews)

hello sir.. we are ready to start your work now..

$350 USD in 10 days
(2 Reviews)

I am ready to complete this project.

$300 USD in 15 days
(3 Reviews)

please see PMB

$154 USD in 3 days
(0 Reviews)

Dear Sir we have studied the requirements and can deliver the same NEUROSOFT offers full-service visual web-identity solutions utilizing top creative design and programming talents to create high-quality Internet pre More

$258 USD in 13 days
(0 Reviews)

give chance

$275 USD in 25 days
(0 Reviews)

Hello, We are freelance software developers. If you contact us, we can give a quote for your project and we can discuss the details. w w w . so l v er . i o

$154 USD in 3 days
(0 Reviews)