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. Adding an infinite scroll loop to a page

Adding an infinite scroll loop to a page

Scheduled Pinned Locked Moved General Discussion
7 Posts 4 Posters 176 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.
  • A Offline
    A Offline
    allie heesh
    wrote on last edited by
    #1

    I would really like to have my website homepage as an infinite scroll loop.
    Something like this [https://codepen.io/vincentorback/pen/zxRyzj](link url)

    Any help with implementing this would be greatly appreciated as I am new to CSS and HTML.

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

      Dear Allie

      @allie-heesh

      This could be done by creating your Layout with the Fullscreen Slider.
      Each Row of the Gridder will become an Individual Slide.

      Reaching the final slide will take your back to the First slide like in your Codepen example šŸŒ


      Best
      Richard
      1 Reply Last reply
      0
      • A Offline
        A Offline
        allie heesh
        wrote on last edited by
        #3

        Hey Richard

        Thanks for your reply and help.
        I made a test with my current layout, by enabling a full screen slider. I see that I can't have both a free scroll and the content looped which is kind of crucial to the layout i was thinking as i am not working in modules or specific blocks of content.

        Here is the link to my page that i would like looping which will make things clearer: https://www.allieheesh.com/?page_id=118&preview=true

        Is there something that I can do that enables the page to have a free scroll and content looped. Also its good to note i have a fixed element of text in the centre of the screen which obviously doesn't work correctly when using the full screen slider.

        Hope theres a solution for this.

        Thanks
        Allie

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

          Dear Allie

          @allie-heesh

          To be honest i don't quite know šŸŒ
          This would take a deeper dive into custom coding


          Sincerely
          Richard
          1 Reply Last reply
          0
          • alvarodozeA Offline
            alvarodozeA Offline
            alvarodoze
            wrote on last edited by
            #5

            Would be great to have a infinite scroll feature!

            1 Reply Last reply
            0
            • alvarodozeA Offline
              alvarodozeA Offline
              alvarodoze
              wrote on last edited by
              #6

              I think https://jetpack.com/support/infinite-scroll/ but I'm not sure if Laytheme supports jetpack...

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

                lay theme doesn't support infinite scroll and i think i wont support it :|

                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