Turn off revealing transition for certain elements only
-
Hi,
I was wondering if the revealing transitions can be turned of manually for certain elements like with the "no-animation" class for on scroll transitions? I have the issue that I have fixed position elements on the page that are flickering, because they are scrollable at first and then get to their fixed position just after the revealing animation was fired.
Here's a screencast to illustrate. When I refresh and scroll the page the elements move and get revealed and then jump back to their fixed position:
https://www.dropbox.com/scl/fi/9jt5fvhl1i586iayht1tq/Lay-Theme-Forum.mov?rlkey=pxetc7tpfy1lntab1y2ze2luz&dl=0Would be grateful for any hint if this is somehow possible:)
cheers
felix -
try to add the class:
disable-css-transitionson the elements
does it work?
or try to give the row a class of "sticky"
then use css:
.sticky{ position: sticky; top: 0; }and then remove your other css to make these two elements in the row fixed
this will just make the whole row sticky for the whole page, so its kind of as if it was fixed
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login