Modern slider navigation to scroll to top

[oriol]

See here:

Affordable Logo Design & Graphic Design – portfolio-page

If you click the next button at the bottom, it changes the slide, which is fine, is there a way to change the slide, and have it scroll to the top of the portfolio? so people don’t have to scroll back up to see other portfolio thumbnails?

[prakash_s]

Hello @oriol,

Thanks for writing to us.

You can set the Interaction as Drag so that the slider can be moved next/previous by dragging the slider.

Hope it helps
Thanks

[oriol]

I dont think you understood? I like how it is, and dont want it to drag, I want the next slide to start at the top, at the moment, it goes to the next slide, but its at the bottom, so users have to scroll up to see the rest…

[raye]

So you want to scroll the browser to the top when the next button is clicked?

There are several ways. The easiest might be to use the fact, that the next button of the slider does have a #next as a link URL target on it.

So if you add next as CSS id to the section you want to scroll to, it might work. Just tested here locally and it looked good.

[oriol]

Oh man! such a simple and elegant solution. Thanks so much!

[marc_a]

Hey Oriol,

You’re most welcome!