Streaming live at 10am (PST)

Horizontal mousewheel scroll


#1

I have searched and found a few topics but when I place the code in the body of the page I want to effect, there is no effect. Can anyone give me a bit of a dummies guide to getting the horizontal scroll from the mousewheel?


#2

Welcome to the Webflow forum!

Could you please edit and provide ALL the necessary details in your post so we can take a look at your site/issue?

In future if you want faster replies and more accurate answers, I suggest including all the details listed in the link above before someone has to ask.

Hope to hear from you soon. Thanks!


#3

http://flettgraphik.webflow.io/festivals Cheers for the reply, this is the page, I would like any visitors to be able to scroll horizontally with the mousewheel or possible on hover. At present it is a little odd to navigate with a tiny scrollbar and hyperactive lightbox transitions. I have tried placing some jquery code at the end of the body but it doesn’t work and to be honest I’ve never been 100% confident when implementing JS.


#4

Sorry, your site is over 10MB. That’s very rude especially when I’m on mobile.

A good site will be under 2MB, or even 1MB like this https://samliew.com


#5

How do I optimise the size of the site without infringing on photo quality, the pictures are already at a dangerously unattractive size?


#6

Try one of these

Best Image Optimization Tools


#7

I used the free pc one to reduce the size but the site will still be relatively large due to the number of photographs. I will have the photos replaced by 2019, you know the asset “manager” is interesting. hahaha


#8

Hey Paul,

I used this as a reference for creating a horizontal scroll, make sure that your class names are the same as the embedded code or adjust it to your class names.

All the credit goes to JUXTA for figuring out how to implement this.