CODEWITHSUNDEEP
javascriptiframe
Jody Heavener
Jody Heavener

Reputation: 2874

Javascript elements buggy overtop of iFrame

I'm using the jQuery UI framework to create a draggable panel. It works fine, but when I drag it over top of an embedded iframe on the page it becomes buggy and stops moving. I thought it could just be the plugin, but it happens with all of my dynamically created elements that move overtop of the iframe.

Does anyone know what is going wrong or how to fix this?

Upvotes: 0

Views: 77

Answers (1)

Rishabh
Rishabh

Reputation: 2021

You've to kind of hide the iframe when you drag/resize the panel. This can be done by placing a hidden transparent div right over the iframe (of the same size), and showing it up only when the drag/resize event is triggered. So keep on toggling as soon as the drag/resize start and stop events are triggered.

Upvotes: 1

Related Questions