• Home
  • Artist statement
  • C.V
  • Portfolios
  • Photo Gallery
  • Blog
  • Info
  • Contact
  Myungja Anna Koh

Tutorial

How do you avoid scrolling when you use iframe code?

11/12/2021

 

How do you avoid scrolling when you use iframe code?

 iframe code in HTML is an abbreviation for inline frame. By using the iframe element, you can insert another web page without any restrictions within the web page.
 ​However, when using this code, you can often find annoying scrollbars like the one below.
Picture
  When scrolling occurs, the below iframe code is as follows. 
<body>
<h1>DEMO</h1>
<iframe  src="https://www.girininst.com/" width="800.93" height="600"></iframe>
</body>
 This problem can be solved by changing the absolute scale relative to the code as shown below. However, if these methods do not solve the problem, we recommend that you contact a related expert.
<body>
<h1>Risk Weather by Girin Instruments</h1>
<div style="OVERFLOW: hidden; POSITION: relative; WIDTH: 300px; HEIGHT: 600px">
<iframe height='600' width='800'  frameborder='0' scrolling="no" src="https://www.girininst.com/" style="overflow-y:hidden"></iframe>
</div>
</body>
 Here is the result screen after applying above the code. 
Picture
 ​Below is a well-organized site about iframe code.
Picture
Picture
Picture
source: https://html.com/tags/iframe/
 ​I wish you all success and display other homepages as your own homepage without scrollbars.

Comments are closed.

    Myungja Anna Koh

    Artist

    Annakoh search bar

    Categories

    All
    Art & Data Analysis
    Book For Artist
    Coloring Book
    Daily Art
    Digital Art
    Drawing
    EcoArt
    Guinea Pig
    Illustrator
    IT Tip For Artist
    K-Culture
    Marketing For Artwork
    Photoshop
    Weebly

    RSS Feed

    Archives

    May 2022
    April 2022
    March 2022
    February 2022
    January 2022
    December 2021
    November 2021
    October 2021
    September 2021
    August 2021
    July 2021
    June 2021
    May 2021

    ConveyThis
Powered by Create your own unique website with customizable templates.
  • Home
  • Artist statement
  • C.V
  • Portfolios
  • Photo Gallery
  • Blog
  • Info
  • Contact