Jump to content

Horizontal scroll switch to vertical

Recommended Posts

Site URL: https://clementine-octagon-lg3h.squarespace.com/home


I am finishing off a website but I am struggling with a code / overall flow.
password: creativegrind

I have two problems:
1. The philosophy section scroll vertically, however if my mouse hover on the section while I am still scrolling horizontally, the section will start to scroll vertically. I would like to be able to scroll vertically until I reach the right edge / the end of the philosophy section. Make the horizontal scrolling stop, start scrolling vertically and when I reach the bottom of this section start the horizontal scroll again a bit like a "Z". Is there a javascript code that can translate " when user reach the end of "x section", vertical scroll will be activated ?

2. I have notice tonight, I can only scroll horizontally using my mouse. Can I access the left & right arrow key to scroll as well using a javascript code ? I have researched and try several code but it's not reaction 😕


Screenshot 2022-07-31 at 23.59.35.png

Screenshot 2022-07-31 at 23.59.46.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.