I have designed a website whereby most of the content is embedded in an iframe under fixed icons on a webpage
On mobile, iPhone iOS browsers, the foreground fixed icons stick on top of the interface with the infamous rubber band effect, consequently making the background iframe unscrollable (it is however working on Internet browsers)
I thought a solution to this problem would be to somehow completely block scrolling for the foreground icons. I have tried numerous solutions which still don't seem to work, ultimately the rubber band effect always trumps the iframe
Would anyone know how to block this effect completely for current devices, or have another solution to this annomaly?