Fixed element out of screen on mobile

662
November 25, 2016, at 11:02 PM

I am developing a widget which could be embedded into the page as an iframe (iframe will be injected and styled via javascript). Iframe should be placed in bottom right corner. I can only control the style of an iframe.

I have created following demo page which demonstrates the problem in test host page:

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"/> 
        <title>Hello world!</title> 
        <meta name="viewport" content="width=device-width"/> 
    </head> 
    <body> 
        <p id="greeting" style="width:1000px">Loading...</p> 
         <iframe src="http://www.w3schools.com" style="position: fixed; bottom: 5%; width: 200px; height: 200px; background: transparent; border: 0px none; overflow: hidden; z-index: 1000000;right: 5%;"></iframe> 
    </body> 
</html>

On desktop browser this code works fine, but on (some) mobile devices the iframe is not visible on the screen. If I try to highlight an element its placed on gray area.

Why is happening this and how can I style an iframe so that will be placed on bottom right corner?

Many thanks!

READ ALSO
in html Showing site step by step guide line navigation technical name

in html Showing site step by step guide line navigation technical name

I am seeing so many site are using step by step guide line to show their site's features or newly added controlsBy clicking on next button its navigate and show detail in popover/tooltip

398
How Can I Use typeahead in Input Filed to get the Values in Angularjs?

How Can I Use typeahead in Input Filed to get the Values in Angularjs?

I am using MEAN stack in my application with AngularJS as my front-endHow can i use typeahead in input filed to get the values in angularjs , actually we get the value if we using select option, but we expecting for type-ahead option

424
CSS transition width and height from center of div

CSS transition width and height from center of div

I have elements with position: absolute; that I want to transition in certain situationsHowever, the origin of the width and height transition seems to depend on the top/bottom left/right values

731
Most precise AMP validator?

Most precise AMP validator?

There's certainly a bunch of amp validators online already, and I personally use these 2 - searchgoogle

514