I want to display an `<iframe>` in my site, but I want the site that I am displaying to only be scrollable. All other events should be disabled.

So that the container of the `<iframe>`, the `<iframe>` has a width and height of 100%, behaves as if it has nothing inside it.

Almost like it is a scrollable screenshot of the site. So on hover and on click inside the `<iframe>` don't work.

The reason I am doing this is that the container of the `<iframe>` needs to be draggable, but can't be dragged as all events on the `<iframe>` are being registered within the `<iframe>`.

How can I do this in javascript and / or jQuery?

Can I apply a `.preventDefault()` to everything except scrolling?