Hi @bro-design it looks like the show/hide styles are not firing on the While scrolling in view triggers! Thank you very much for sharing this! We’re looking into this on our end and I’ll let you know as soon as I have an update
For now the workaround would be to set the element to opacity to fade from 100% ➞ 0% as you have it set already.
in the future I would like to do so that at 100% scroll the element is set to hidden.
Because now this is when controlling the opacity element is obtained as an invisible link.
Good to know! I had this same problem and thought it wasn’t possible. I had tried the opacity trick but this didn’t work for me as my element filled the browser, so once the opacity was at zero, the user was able to see the page but all links, etc. could not be clicked on since an invisible div covered everything. My solution was to use a combination of opacity, absolute positioning, and transform to move this overlaying div completely below the viewport. (good solution in case someone has a similar setup)
It actually turns out that there is no way to interpolate between hide/show, so this was mistakenly added to continuous action lists but has now been removed. My recommendation would be to use the workaround suggested by @Port_of_Folio with absolute positioning and opacity animations as you can adjust between those two easily.
Another route which you could go is using a regular scroll to interaction rather than a continuous scroll interaction. I hope that this is helpful