Kapalı

Parallax Site with Horizontal to Vertical Scroll

Hello,

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] ...you'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 Wheel...in 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.

REQUIREMENTS

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.

Beceriler: CSS, HTML, Javascript, jQuery / Prototype

Daha fazlasını görün: 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, parallax site, parallax effect for a site on js, how to become, d container, page parallax scroll

İşveren Hakkında:
( 4 değerlendirme ) Glendale, United States

Proje NO: #4392892

7 freelancers are bidding on average $517 for this job

galaxyweb

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 Daha fazlası

in 30 gün içinde540$ USD
(22 Değerlendirme)
5.4
freelancerahsan

Hello I can do this job honestly kindly check private message

in 7 gün içinde1200$ USD
(3 Değerlendirme)
4.6
csengineerz

Hi i can do it.

in 20 gün içinde800$ USD
(4 Değerlendirme)
3.9
pixlbrick

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

in 10 gün içinde350$ USD
(2 Değerlendirme)
2.4
RITESHBATHWAL

I am ready to complete this project.

in 15 gün içinde300$ USD
(3 Değerlendirme)
2.0
AVince

please see PMB

in 3 gün içinde154$ USD
(0 Değerlendirme)
0.0
neurosoft2

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 Daha fazlası

in 13 gün içinde258$ USD
(0 Değerlendirme)
0.0
quamar313

give chance

in 25 gün içinde275$ USD
(0 Değerlendirme)
0.0
unsLxXdUWCmj

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

in 3 gün içinde154$ USD
(0 Değerlendirme)
0.0