Search the Community
Showing results for tags 'anchor links'.
Found 5 results
-
The first section turn white when scroll back up after clicking an ahchor
cR_BLue posted a topic in GSAP
Hi, i created a code that have card stack animation and anchor link. The animation when scroll to through manually or anchor link have no problem. However after clicking an anchor link and when i try to scroll back up manually. The first section (in this case <div id="link1" class="homeFeature_section homeFeature_section01">) turn blank or white. I cant recreate the situation in codepen but i copy paste the same code above. Can someone help? server.js style.css -
This is a minimal demo of how the website I am creating might look like, there is more content in each container, but for the sake of minimalism, I have removed all of it. The main issue is that: 1. The anchor links are not working. 2. If I use touchpad and scroll left and right(horizontally) and then scroll top to bottom(horizontally), the gsap is getting triggered from where I left off and then its scrolling even when there is no content to the right. 3. It is pushing my last container to the top after I scroll there.
-
ScrollSmoother - how to navigate to anchor links from an external page.
Cassie posted a topic in GSAP
Just bumping this here in case it's useful for anyone else. Navigate to this url to see it working. https://cdpn.io/pen/debug/XWVvMGr#section3- 9 replies
-
- 8
-
-
-
- scrollsmoother
- scrolltrigger
- (and 1 more)
-
Hi, how can i create anchor links for a horizontal scrolling? My version is not working correctly: $(".menu-item").on("click", function (event) { event.preventDefault(); var id = $(this).attr('href'); var left = $(id).offset().left; $('body,html').animate({ scrollTop: left }, 1500); });
-
I have onepage site and I use gsap for all animations there, incl. smooth scroll with anchor links, something like this http://codepen.io/anon/pen/bxaHz Now I want combine this smooth scroll functionality with history.js plugin https://github.com/browserstate/history.js/ , so that users had the opportunity to go back and forward through the site. But I failed to do that. Here is what I have atm http://codepen.io/anon/pen/jzymf as you can see page jumps to the top when you click back or forward, and only then scrolls. I would really appreciate any help. Thank you very much!
