Jump to content
Search Community

Pixizz85

Premium
  • Posts

    6
  • Joined

  • Last visited

Everything posted by Pixizz85

  1. After a few changes it works. I use query strings for anchor link that lead to external page horizontal scrolling section. This helps to differentiate normal anchor links from links to the horizontal scrolling section. Then finally during the refresh I check if there is a query strings in the url. I'm sure it's possible to optimize the code but it works. https://codesandbox.io/s/gsap-scrollsmoother-bureau-w-2fkuee Thanks for the help !
  2. Hello everybody, I have been using GSAP since the beginning of the year and a member of the club since April. It is really a pleasure to use this plugin I created a page with a scroll smoother, an horizontal scrolling part after header and also anchor links that lead to the various sections of the page. I had problems creating anchored links in the page. I managed to solve the problem by differentiating the links that lead to the horizontal scrolling part from the links that lead to the vertical part. I don't know if I coded it the best way but it works. On the other hand, I can't get out of it concerning anchor link that lead to external page horizontal scrolling section. External links to vertical part working but when the link sends to an area of the horizontal scrolling part it bugs. Here is a demo that highlights the problem: https://codesandbox.io/s/gsap-scrollsmoother-bureau-w-2fkuee I feel like I'm not far but I can't find the solution. Anyone got an idea ? Thanks a lot
  3. Thank you so much Craig it helps me a lot ! I keep learning... Now I'll go on and try to do a different tween when the element closes. Maybe I'll come back soon... ?
  4. Hello everyone, I'm having trouble finalizing my accordion component (based on this example : codepen.io/GreenSock/pen/QWMRxGX) Works fine but I can't manage to finalize it. I want the first item to be expanded when we arrive on the page as on my first test version below (without GSAP, just CSS with some javascript): https://codepen.io/nero85/pen/OJzaPPV Many thanks in advance for your help Jérôme
  5. Thank you very much @OSUblake i'm testing this and come back next week if needed.
  6. Hello everyone This is my first post on this forum. I have been using Gsap for a few months and I have some notions in javascript (in the process of learning). I have already integrated gsap on several sites but here is my problem. I successfully add a smoothscroll on my new project by following this example : https://codepen.io/GreenSock/pen/gOgWELo but I can't seem to get the anchor links to work properly. For the anchors in the page I succeeded thanks to the ScrollTo plugin but it does not work for the anchored links to another page section. My site is a local wordpress so to see the problem with the anchor link to another page, I quickly code an example here which uses my javascript code : https://dev.station-w.fr/gsap/ The problem is when I click in the footer on an anchored link to the service page, we arrive on the page but the scroll is broken. We cannot go top to the header and a large white space is present under the footer. To easily see the code I also put a codepen version. Thank you in advance for the help.
×
×
  • Create New...