Make iframe click-through, but not the iframe's body

Hardware and software discussion.

Moderator: EasyList Authors

Post Reply
sivaprasad222
New Member
New Member
Posts: 1
Joined: Thu Nov 01, 2018 6:24 pm
Reputation: 0

Make iframe click-through, but not the iframe's body

Post by sivaprasad222 » Fri Nov 02, 2018 2:41 am

How can I make an iframe click-through, but make that iframe's body still be clickable?

I tried:

Code: Select all

iframe.style.width = '100%'
iframe.style.height = '100%'
iframe.style.display = 'block'
iframe.style.position = 'fixed'
iframe.style.backgroundColor = 'transparent'
iframe.style.pointerEvents = 'none'
iframe.style.border = '0'
iframe.frameborder = '0'
iframe.scrolling = 'no'
iframe.allowTransparency = 'true'
and inside of my I frame I'm using the following css:

html, body {
    /* background:none transparent; */
    pointer-events:auto;
}
This results in body being visible (which is what I want), but it is click-through like the rest of the iframe. I want the body of the iframe to be clickable, but all the rest of the actual iframe element should be click-through.

The iframe is always bigger than the body inside of it.

Unfortunately I cannot access the the iframe content from the main site (so accessing the scrollHeight etc isn't possible), I can only change its actual source code.

User avatar
smed79
Liste AR Author
Liste AR Author
Posts: 14141
Joined: Sun Jan 17, 2010 4:00 am
Reputation: 154
Location: EasyList Forum

Post by smed79 » Fri Nov 02, 2018 6:01 pm

•► Before posting, to find your answer fast, read Forum « RULES » and use « Search »
••► Don't post clickable links » use inline text bbcode notation « [ C ] » or « [ code ] »
•••► Use vgy.me, imgur.com or imgbb.com to upload your screenshots

Post Reply