LondonPete

That's great, thank you so much.

No I realised this was an example of a way to do it. But the scrolling effect in full screen is the sort of solution, it's just how you'd scroll to a particular location using GSAP that I'll need to research further. Regards Pete

Thanks Rodrigo, A different approach. Your demo is based on a timeline so the sequence is the same whenever you click. Obviously, I'd want to click and go to specific locations. If every element has a size off 100vh x 100vw, and then all I'd have to do is calulate the position based maybe of a simple data attribute, for the colume and rows maybe. Something to think about though. Regards Pete

Many years ago, I created a website where each 'page' was on a virtual grid of viewports e.g. ************************************************** * home page * contactus * about * ***************************************************** * section1.p1 * section1.p2 * section1.p3 * *********************************************************************** * section2.p1 * section2.p2 * section2.p3 * sectopn2.p4 * *********************************************************************** * section3.p1 * section3.p2 * ****************************************************** * section4.p1 * section4.p2 * section4.p3 * ****************************************************** Imagine the sections above are viewports and there are anchors connecting them, so an anchor in section1.p1 might link to section3.p2 and an ancor in section4.p2 might link to section2.p4 Using Mootools, the FX.Scroll function would take the x and y coordinates and when clicking the link would smoothly scroll to and from the different anchor points, sometimes diagonally or horizontally/vertically depending on the target location. Is there any way in GSAP to achieve this? Another solution that would meet my needs would be a vertical the horizontal scroll in one move if diagonal scrolling cannot be achieved. I'm quite new to GSAP, but understand JavaScript and jQuery. Many thanks Pete

Thanks so much, it's all working now.

Uavid, can you tell me if you actually put anything in the /js/gsap-scripts.js file? I'm not sure what the second enqueue is for. Many thanks

I'm using a plugin that adds locomotive scroll and scroll trigger as a site wide option, not for particular pages. When I turn off locomotive scroll this page works. I'll look at the github link.

Sorry, https://test.hhhconsulting.co.uk/sticky-scrolling

I have the following CSS to scroll within a column, but if I include the locomotive library, even without using it, the CSS doesn't work, in fact, it seem like the second line is removed. .sticky-section-wrapper .elementor-widget-wrap { display: block !important; position: sticky; top: 0; } .sticky-section-wrapper .sticky-section { position: sticky; top: 0; } The first line is included just for Safari, but is found in Chrome, whereas the second line doesn't appear at all Regards Pete