corentinfardeau/horizontal-scroll

Horizontal scroll with inertia

horizontal-scroll's Issues

Link to #anchor

I'm using the class="block" with width: 100vw; and height: 100vh; as to create various sections in a horizontal layout, however, a simple menu, with links to the various sections doesn't work properly. Particularly when it comes to the first section, but also on the others, it only scrolls halfway into it, not to its beginning. Other times don't work at all.
My set up goes like this:
JSFIDDLE

Add mobile support

Using horizontal-scroll with Next.js

I want to use this great package with Next.js Any idea how can I do so..?

Feature request: scroll with drag

Wondering is this library still maintained.

I was trying to add a drag control using GSAP's Draggable plugin but I cannot make this library and the plugin work together.

How much effort would it require to add drag as a native feature?

Animate manually

I am trying to add next/prev buttons, create a dots navigation but I am not able to animate the .horizontal-scroll div.

I tried many ways:

TweenMax.to('.horizontal-scroll', 1, { x: -500 });
$('.horizontal-scroll').css({ transform: 'translate3d(-1000px, 0 ,0)' });

Nothing worked. How can I jump to a specific block or even animate the animate .horizontal-scroll div manually?

I'm trying to add this to my site center after some vertical contentts but also horizontal scroll bar is scrolling with vertical one

Plugin init appears to init correctly, but scroll/transform doesn't occur.

Hi, first of all the demo for this looks great.

I've been trying to implement a test case based on the demo, but am having some trouble. The plugin appears to init correctly, but the scrolling div doesn't transform. I can scroll horizontally across the trackpad, but it doesn't hijack the vertical scroll as expected — any idea why this could be happening? Unfortunately, the console isn't throwing any errors.

I'm happy to post code as required. My test case is using hugo.

Add Safari support

HS with percentage blocks

Thanks for the good work!
I actually would like to use horizontal-scroll with full height (100vh) and % width blocks (1/3 width), so the screen is exactly filled with 3 blocks. Only when scrolling, the other blocks would be visible.
Right now it's only possible to use horizontal-scroll with px width blocks, which doesn't provide the look i'm looking for.
Is there a way to use horizontal-scroll with percentage blocks?
Thanks!