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. Splitscreen website _ Scrollable together

Splitscreen website _ Scrollable together

Scheduled Pinned Locked Moved General Discussion
6 Posts 3 Posters 106 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.
  • V Offline
    V Offline
    vojtechk
    wrote on last edited by
    #1

    Hey guys,
    thank you for all the hard work with Lay theme!
    I've got splitscreen website (thanks to the great tutorial ) and I would like to have both sides to be scrollable together. Especially at "WORKS" section when I have on left side menu and on right side individual projects.

    Will be helpful if you could have a quick look here: https://vojtechkalecky.com/

    Thanks a lot!

    Vojtech

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

      nice website!

      i think there is nothing to scroll on the left side no?

      look, i can scroll left and right here: https://hedixandt.com/
      that is the website i took as an example

      i dont understand the question

      V 1 Reply Last reply
      0
      • arminunruhA arminunruh

        nice website!

        i think there is nothing to scroll on the left side no?

        look, i can scroll left and right here: https://hedixandt.com/
        that is the website i took as an example

        i dont understand the question

        V Offline
        V Offline
        vojtechk
        wrote on last edited by
        #3

        @arminunruh thanks for your quick response. Yes, there is nothing to scroll on left side. But I would like to scroll right side also when the cursor is on left side.

        Does it make sense?

        V 1 Reply Last reply
        0
        • V vojtechk

          @arminunruh thanks for your quick response. Yes, there is nothing to scroll on left side. But I would like to scroll right side also when the cursor is on left side.

          Does it make sense?

          V Offline
          V Offline
          vojtechk
          wrote on last edited by
          #4

          I tried to use javascript at head but doesnt work for me.

          <script>
          $(document).ready(function() {
            $(window).scroll(function() {
              var scrollTop = $(this).scrollTop();
              $('.grid, .footer-region').scrollTop(scrollTop);
            });
          });
          </script>
          
          A 1 Reply Last reply
          0
          • V vojtechk

            I tried to use javascript at head but doesnt work for me.

            <script>
            $(document).ready(function() {
              $(window).scroll(function() {
                var scrollTop = $(this).scrollTop();
                $('.grid, .footer-region').scrollTop(scrollTop);
              });
            });
            </script>
            
            A Offline
            A Offline
            alasdair17
            wrote on last edited by
            #5

            @vojtechk hey, i'm not sure what you mean either, the splitscreen effect is intended to divide the page into two scrollable areas. If you want it to scroll altogether you might be best to start over with a fresh page and on the grid put a list of links on the left hand side of the middle green bar and then utilise the imagehover plugin to show the project image on the right hand side of the middle green bar. This way it would scroll altogether.

            Hope that helps.

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

              in chrome and safari and firefox, when my cursor is on the left side, and i scroll
              it does scroll the whole page (the right side)
              on here:

              https://vojtechkalecky.com/things/

              which browser are u using?

              looking at your code i can see there is nothing in your footer
              i believe you can remove all of the splitscreen css and the website should still work

              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