Splitscreen website _ Scrollable together

[vojtechk]

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

[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

[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?

[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>

[alasdair17]

@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.

[arminunruh]

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