Home > Software design >  IFrameResizer issue
IFrameResizer issue

Time:08-06

I'm using IFrameResizer to be able to bring to full page without scollbar an iframe. With the following code I don't get the desired result. What should I correct?

<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>TEST ROCKETMAN</title> <style>
<script src="iframeResizer.js" > </script >
</head >
<body >
<style>iframe{width:100%}</style>
<iframe src="https://cdn.rocketman.elbet.com/?uid=bruce&version=desktop&language=en&companyId=1&currency=eur" name="'   Date.now()   '" width="100%" height="100%" scrolling="no"></iframe>
<script>iFrameResize({log:true})</script>
</body >
</html >

Thanks

CodePudding user response:

Try to add style for your iframe

style="overflow:hidden;height:100vh;width:100%" 

It will change the height of the iframe. [vh is viewport height]

if you have scrollbars reduce the height according to your page content.

  • Related