Interactive/Movable elements for visitors

Design help Animations & Interactions
1

Hi,

I would like to recreate this type of interaction with webflow:

https://www.zaha-hadid.com

Basically I want to create interactive windows (that you can click and link to pages), that visitor can move within the space.

They should be movable, not animated, like moving magnets on the fridge.

Is this possible to do in Webflow? If yes could you please let me know how to?

Thanks a lot in advance! :smiley:
C

2

Yes, this is doable. You’d need some custom code in order to achieve it though. I’m not sure if you’ll need both of these scripts as I’ve done this like 4 years ago but this is how you can target classes which need to be draggable. Handle part is if it has like some sort of frame on which you want to enable the drag but otherwise just target the class you want. Surely there’s more documentation which you can find with this in mind

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script>
  $( function() {
    $( ".window-wrapper" ).draggable({ handle: ".x-bar" });
    $( ".icon" ).draggable();
    
     } );

</script>