I’m new to webflow and my idea was to create a website much like a wall in which you click and drag to go across the whole wall or panel.
I’ve found an example in http://bad.diesel.com/# but i don’t know if i can create it with webflow as I haven’t seen any one showing it
I’m looking forward for a response, thank you guys
Nice idea man! I think two possibilities we can do here:
Use a custom code to use the click and drag. I made a example of this here: https://teste-f.webflow.io/click-and-drag
You’ll have to set the body a maximum height to let the page to be scrolled.
This way you will move the element inside the body.
Is using the interaction ‘Mouse move in viewport’. This will move the element when the mouse move… in viewport
This will let you have the same feeling of wall or panel.
I made a page for example: https://teste-f.webflow.io/moving-mouse
Share read-only link: https://preview.webflow.com/preview/teste-f?utm_medium=preview_link&utm_source=designer&utm_content=teste-f&preview=220a8cbcaf64fe2b322dd18118340ff0&pageId=5ea424a4088154c03eafa6dc&mode=preview
With this two possibilities you can think something nice to design!
Wow thanks a lot!!! It really does mean a lot!!!
Just one last question
Is there any way the page could load in the middle of the “wall” in the first option you gave me?
You’re welcome! Happy that it helps you!
You can use this code in the custom code:
The first one set the scroll from left to right.
The second one set the scroll from top to bottom.
You can try the height and width that you need.
I’m sorry to be so persistent but i couldn’t find the custom code to click and drag.
Is there any way you could post it ?
And thanks a lot for the last answer!
I’m experiencing the same problems as Uri. I’m building a website where the visitor can explore a photo/map, filled with a portfolio, by moving around the plain, read: clicking and dragging. I stumbled joyous on your answer and your code, but then discovered you cancelled the page. Is your code still available and would you share it with me?
Thank you in advance!