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. on scroll element transitions for horizontal line

on scroll element transitions for horizontal line

Scheduled Pinned Locked Moved General Discussion
7 Posts 3 Posters 243 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.
  • M Offline
    M Offline
    mattbert
    wrote on last edited by
    #1

    hi!

    is it possible to apply on scroll transition to horizontal lines?
    this is a sample page: https://www.matteobertin.it/kitto/

    thank you for your attention

    matteo

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

      Dear Matteo @mattbert

      Thank your for the link, could you describe a little more just so i have a better understanding? :)

      Best wishes and hope you have a wonderful 2021
      Richard

      1 Reply Last reply
      0
      • M Offline
        M Offline
        mattbert
        wrote on last edited by
        #3

        thank you @Richard-K !

        as you can see on this page https://www.matteobertin.it/kitto/ ,
        when I scroll down all the text and images have a transition (they move up with a fade), while for the horizontal lines (lay-hr) no transition occurs.

        best regards
        matteo

        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Dear @mattbert

          I believe this is a bug, the <hr> horizontal line / row is getting the necessary transition classes "below" "in-view" "above" but not visibly animating like you say:

          Screen Shot 2021-01-10 at 1.55.05 PM.png

          Screen Shot 2021-01-10 at 1.55.15 PM.png

          I recreated your setup and the same issue occurs with me.

          Will forward this to Armin

          Best wishes and thank you for using Lay Theme
          Richard :)

          1 Reply Last reply
          0
          • M Offline
            M Offline
            mattbert
            wrote on last edited by
            #5

            thank you @Richard-K

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

              hey @mattbert

              I left out the line cause I thought its not an element that should animate in like that.

              but yea it probably should. I'll change this

              1 Reply Last reply
              0
              • M Offline
                M Offline
                mattbert
                wrote on last edited by
                #7

                thank you @Armin-Unruh !

                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
                arminunruhA
                arminunruh
                F
                francesco
                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