Hey, I’ve made one-page websites and of course they are very in fashion.
However, how would you go about making a website whereby changing to the next page, it scrolls in from the right?
Maybe this isn’t a “One page” website, I am thinking Navigation and each click to the page would scroll the page in from the right. (Like changing pages in a book).
Would you do this with transition animations with css?
Would each page be a different file, or all in one and have them as different sections just like a One-page website?
Any inputs and thoughts on this would be great!
Also, if you have any live examples that would be awesome too!
Thanks!
Interesting… Looking into how you have done it, is it possible to make the navbar stay in the same place without scrolling down diagonally to the right? IE: it scrolls to the section ID but i’d rather it say with the navbar?
OR
Have the navbar on the side and stay fixed so it can scroll to the id’s without worrying about the vertical height (If I make all sections 100VH) 1 page per section.
Do you have any ideas in mind to make the same effect with totally different pages, (Not a 1 page website) but where all the Nav links are relative to other pages?
except, as you can see, the nav bar gets covered when you change page and also, the margin shows a white gap when it slides, I want the nav bar to be in the same place over the top of all sections (obviously not covering text etc)
EDIT:
Just realised that when I changed it testing around again, I edited this link too.
Here I have a fixed the navbar etc HOWEVER, when I click “two” then “one” when two is moving, it will freeze and will not unfreeze unless I click three.
I’m not getting the freezing so I can’t really comment. I added the smooth scroll behavior to make the right scrolling more noticeable. I am not very far with javascript but I am sure that could take it much further
I see that now, going to have to do some research as to why. I’ve never used this technique before it is an experiment based on your initial post. Seemed like a fun challenge.