Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Turn off revealing transition for certain elements only

Turn off revealing transition for certain elements only

Scheduled Pinned Locked Moved General Discussion
2 Posts 2 Posters 79 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ffingerF Offline
    ffingerF Offline
    ffinger
    wrote on last edited by ffinger
    #1

    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=0

    Would be grateful for any hint if this is somehow possible:)

    cheers
    felix

    https://www.felixfinger.de

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by arminunruh
      #2

      try to add the class:

      disable-css-transitions
      

      on 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

      1 Reply Last reply
      0
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      I also code custom websites or custom Lay features.
      šŸ’æ Email me here: šŸ’æ
      info@laytheme.com

      Before you post:
      1. When using a WordPress Cache plugin, disable it or clear your cache.
      2. Update Lay Theme and all Lay Theme Addons
      3. Disable all Plugins
      4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

      This often solves issues you might run into

      When you post:
      1. Post a link to where the problem is
      2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
      3. If the problem is difficult to explain, post screenshots / link to a video to explain it
      Online Users
      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
      laytheme.com
      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Recent
      • Tags
      • Popular
      • Users
      • Search