On this page I have a floating action button (FAB) that is supposed to be a back to top button. It is purple on the bottom right corner.
The page I have the problem on is called “secondary page styles” and here is a screenshot of its location, since It seems I can’t share a public share link directly to a page right?
Inside that page I have a linked div called "Back to top Button"
That button has a transform set to it to go down 100px off the page.
When you scroll down the page, I have a div called “Back to top trigger” which has an interaction applied to it. The interaction targets the “Back to top button” div and has it animate in. That works fine.
My problem is that I have another trigger div toward the top of the page called “close back to top button trigger” which also targets the button with an interaction. That div tells the button to hide again. This seems to work sometimes, but usually it doesn’t. And even when it does work, the button will no longer animate in when I scroll down the page again.
The desired behavior is that the button should appear when you scroll down the page a bit, but then hide when you go back to top. And this should repeat if you scroll down the page etc.
Here is my public share link: LINK