Split screen page problem
-
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.comI 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!
Igap.s. the page is a mess at this moment, in the maintenance mod, so I can't linked it
-
soo
im not sure if i understand the question
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:
on mouseover, the imagehover addon is used.
if you have the imagehover addon you can assign images that show up when you hover over a link.
in lay options → imagehover addonyou can set the options for it to have an effect like this:
https://www.instagram.com/reel/Ci8MshfDE7J/?igshid=YmMyMTA2M2Y= -
soo
im not sure if i understand the question
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:
on mouseover, the imagehover addon is used.
if you have the imagehover addon you can assign images that show up when you hover over a link.
in lay options → imagehover addonyou can set the options for it to have an effect like this:
https://www.instagram.com/reel/Ci8MshfDE7J/?igshid=YmMyMTA2M2Y=@arminunruh Thank you!
This is exactly what I needed.Big thanks for your help.
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login