jadealombro

@mvaneijgen sorry if I wasn't clear but what I meant is what if I want to explicitly link to section three through an ID that is assigned to it? For example, the third section will have the wrapper code: <section id="third" class="section section--small vh-100 flex-shrink-0 d-flex justify-content-center align-items-center"> Part Three </section> And I have a link on the page that's like: <a class="scrollto" href="#third-section">Third Section</a> Hope this clarifies it. Thank you.

Hi @Cassie! Thanks a lot this helps! I was able to make it work but do you know which part of the code should I alter if I want to add links that scroll to div based on the ID?

Hey guys! I am trying to work on a page that scrolls horizontally. Each section on the page has an indefinite width that depends on the content. I am able to make the horizontal scroll work. I looked up some codes on how to get a menu section link on specific sections (including inner sections) through IDs but for some reason, the calculations for the scroll seem off. I was hoping any of you can please point me in the right direction to get the links to work correctly where once a link item is clicked, the page should land on the right section of the page. Thanks in advance.

Hey, Cassie, yes that's right. I was able to make the vertical scrolling work and when the user points to that section, the horizontal scrolling stops. But I would like to completely disable the horizontal scrolling as long as the user is hovering over the sections that scrolls vertically.

Hey guys! I have recently been trying to learn GSAP again after a while and I am trying to implement a horizontal scrolling site. So far everything is great though I am a little overwhelmed with the available options available (not saying it's a bad thing at all though ) I was able to make the horizontal scroll working based on a code from an example. Having said that, I am a little stuck on how to implement a vertical scrolling slider that is inside the sections of the horizontal scrolling page. That is because with the code I have right now, any type of scrolling will make the page scroll left and right. What I wanted to do is that once the mouse is inside elements with a specific class, the horizontal scroll will stop and will run the vertical scrolling of the content inside that element instead. I am thinking of setting an event listener and if the mouse if in the div, I will use the pause(). I am not sure though if that is the best way to implement this though. TLDR; What I am trying to figure out are: Stopping the horizontal scroll when mouse is inside divs with a specific class Make vertical scrolling work when mouse is inside those divs Any suggestion or inputs would be appreciated. Thanks in advance! ------------------------------------------------- It turns out, that the solution I am looking for is not that complicated at all. What I did was to simply set the `overflow-y` of the slider elements to `scroll` then hide the scrollbar through CSS. Though I would still need help in actually stopping the horizontal scroll stop happening when the mouse is inside the slider elements because right now, if I am on either the first or the last element of the slider, since there is nothing to scroll - the horizontal scroll happens.