Hi,
I managed to make a specific pages on my website as a splitview editing a code put in your tutorial (thank you for it!):
https://laytheme.com/tutorials/create-a-splitscreen-website.html
by replacing #footer-region with self added HTML tags.
With this solution, I do not have to set a footer, and I can just use a specific row and make it sticky on the right, ale the rows below are the left part of the page and can be scrolled.
Sample:
#grid .photo, .photo2 {
width: 50%;
height: 100%;
position: fixed;
top: 0;
overflow-y: scroll;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
#grid {
left: 0;
}
.photo, .photo2 {
right: 0;
}
::-webkit-scrollbar {
display: none;
}
But as on my "works" page I would like use the same effect like the one used in the tutorial – when on a mouseover I can switch between my works and scroll the specific one:
https://hedixandt.com
I tried everything, but the tutorial only shows how to do the footer (the left) part. Can someone help me how the right half of the sample was made? I tried everything. The tutorial only said "The right half is our normal content.". What is a normal content? :)
And additional question:
Even if I made it, is it possible to use it only on a specific page, not as a footer for all the pages?
Thank you for any help!
Iga
p.s. the page is a mess at this moment, in the maintenance mod, so I can't linked it