Trouble having an interactive movable GIF not overlay the rest of the page

This page summarizes the projects mentioned and recommended in the original post on

Our great sponsors
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • Zigi - Close all those tabs. Zigi will handle your updates.
  • Scout APM - Truly a developer’s best friend
  • Sonar - Write Clean JavaScript Code. Always.
  • interact.js

    JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)

    The library I’m using to get this effect is since they have pretty much what I need. To make the effect work I have to create a fullscreen div with another div inside that’s being connected to the library so I can move it. The problem that occurs now is, that I can’t interact with anything below the fullscreen div. I’ve tried putting custom css (pointer-events: none) on this div, but this affects the GIF-div inside too so I can’t interact with it anymore.

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts