search

wusgitaccount / wishywashyworld

For www.stuffmov.es | P2 – book brief | base skeleton site template
https://wusgitaccount.github.io/wishywashyworld/
0 stars 0 forks source link

Attempting horizontal scroll #1

Closed wusgitaccount closed 4 years ago

wusgitaccount commented 5 years ago

I've tried following a tutorial that required me to add a mousewheel https://github.com/jquery/jquery-mousewheel but not so sure how to use it. This is the js from the forum: $(function() { $("body").mousewheel(function(evt, chg) { this.scrollLeft -= (chg * 50); //need a value to speed up the change evt.preventDefault(); }); });

And the script reference:

sehsarah commented 4 years ago

Something like this seems more like the buzz https://css-tricks.com/how-to-create-a-horizontally-scrolling-site/

This is the codepen at the end of the tutorial https://codepen.io/chriscoyier/pen/VRMpgw

wusgitaccount commented 4 years ago

Thank you!! I've got it working now kinda- just gotta clean it up cause it looks like it was designed for a vertically scrolling page now <3