Panel wall (click and drag)

Hello guys!
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 :slight_smile:

Hi @Uri_Olesti_Creus.

Nice idea man! I think two possibilities we can do here:

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

  2. Is using the interaction ‘Mouse move in viewport’. This will move the element when the mouse move… in viewport :smile:
    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! :wink:

2 Likes

Wow thanks a lot!!! It really does mean a lot!!!
Just one last question :smiley:
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:
$("html,body").scrollLeft(800);
$("html,body").scrollTop(400);

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.

:smile:

1 Like

I’m sorry to be so persistent :sweat_smile: but i couldn’t find the custom code to click and drag.
Is there any way you could post it ? :smiley:
And thanks a lot for the last answer!

You can find it here:

2 Likes

Hi Andre!

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!