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. Infinite scroll page

Infinite scroll page

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 101 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.
  • W Offline
    W Offline
    Warul Kawa
    wrote on Oct 29, 2024, 12:49 PM last edited by Warul Kawa Oct 29, 2024, 9:09 AM
    #1

    Hi!
    I've nearly completed developing a single-page portfolio website for a client that now requires an infinite scrolling loop—so that when the end of the page is reached, scrolling continues starting back from the top.

    Because the page is somewhat complex, with each row having a unique layout composed of both text blocks and images, I'm not sure this can be achieved with the Fullscreen Slider (which I imagine would work mainly with simpler image/video + caption layouts) as suggested in a similar post.

    I'd really appreciate any suggestion you can throw my way!
    Thank you.

    1 Reply Last reply
    0
    • A Offline
      A Offline
      arminunruh
      Global Moderator
      wrote on Oct 29, 2024, 1:12 PM last edited by
      #2

      are you good at programming? this needs a lot of javascript coding, theres no way to do this with lay theme out of the box

      basically at then end of the page you need to put content that is on the top of the page.
      then using javascript you need to see if you have scrolled to that position and then change the scroll position to the top again using javascript

      1 Reply Last reply
      0
      • W Offline
        W Offline
        Warul Kawa
        wrote on Oct 29, 2024, 4:42 PM last edited by
        #3

        Not really good with javascript but I can find some support – could this be a suitable solution? https://codepen.io/GGGGab/full/QWemOov

        1 Reply Last reply
        0
        • A Offline
          A Offline
          arminunruh
          Global Moderator
          wrote on Oct 30, 2024, 9:11 AM last edited by
          #4

          yea sth like that, exactly

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

          2/4

          Oct 29, 2024, 1:12 PM


          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
          J
          johgra
          11 minutes ago
          A
          alasdair17
          28 minutes ago
          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.
          2 out of 4
          • First post
            2/4
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search