• 0

Make iframe auto scroll contents up and down on delay?


Question

I have the following code, in a simple HTML file, which loads two seperate HTML files. The second iframe is vertically to long and I use a scroll bar on it to view the contents, what I would like to do is use some type of script like .js or similar to have the iframe just constantly but smoothly scroll the contents to the bottom, then return to the top, Anyone know of a way to do this?

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta http-equiv="refresh" content="60">
<title>Bandwidth Monitor - Detailed</title>

</head>

<body>
 
 <iframe width=640 height=895 frameborder="1" scrolling="no" align="left"
   src="https://172.16.50.16:8081/public/mapshow.htm?id=2056&mapid=8DBBBBB1-6B06-44B4-AC71-7CD9F469AA08">
   </iframe>


<iframe width=575 height=895 frameborder="1" scrolling="yes" align="left"
   src="https://172.16.50.16:11695/list.html">
   </iframe>



</body>

</html>

 

2 answers to this question

Recommended Posts

  • 0

I would consider loading the iframe html into a div but that would be a problem when you want to keep the iframe content seperated from the site(not affected by css and such). Your method might have issues with cross domain content :/

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • It's a 3v3 fighting system which Mortal Kombat has never done, unless you are talking about the hitstop animation and so on
    • Apple's future is glass-centric, and the new glassy UI is just the beginning  by Hamid Ganji Apple will unveil its overhauled UI experience at today’s WWDC event. The new UI will be available on all Apple devices, including iPhones, iPads, and Mac devices, and it will take most of its cues from visionOS. Bloomberg’s Mark Gurman has now provided us with new details about Apple’s new UI. The new interface is called Liquid Glass and has “sheen and see-through visuals of a glassy surface.” The name represents Apple’s approach to designing the new interface. The new UI also brings “transparency and shine effects in all of Apple’s tool bars, in-app interfaces and controls.” However, Gurman notes that the Liquid Glass interface will lay the groundwork for Apple’s future products, especially the 20th anniversary iPhone. It was already reported that Apple plans to unveil at least two new devices in 2027, which coincides with the iPhone’s 20th anniversary. The first model would be the long-awaited foldable iPhone. However, the second model, the 20th anniversary iPhone, is a glass-centric model that aligns with Apple’s new UI concept. According to Gurman, the 20th anniversary iPhone has curved glass sides and edges. It also features “extraordinarily slim bezels” and “no cutout section in the screen.” The phone is reportedly called “Glasswing,” which refers to the type of butterfly with transparent wings. Apple’s upcoming iOS 26 is the biggest overhaul to iPhone UI since the launch of iOS 7 in 2013. The new UI also hits iPadOS 26, tvOS 26, visionOS 26, watchOS 26, macOS 26. As a side note, the new “26” on the name of Apple’s operating system represents the year 2026.
    • Listen, adrynalyne - You're trolling me (I've known this for months). If you have something meaningful to say - say it, don't ask as if you know something, becauser you know sh*t. Ok?
  • Recent Achievements

    • Week One Done
      Al_ earned a badge
      Week One Done
    • Week One Done
      MadMung0 earned a badge
      Week One Done
    • Reacting Well
      BlakeBringer earned a badge
      Reacting Well
    • Reacting Well
      Lazy_Placeholder earned a badge
      Reacting Well
    • Dedicated
      Epaminombas earned a badge
      Dedicated
  • Popular Contributors

    1. 1
      +primortal
      475
    2. 2
      +FloatingFatMan
      273
    3. 3
      ATLien_0
      242
    4. 4
      snowy owl
      211
    5. 5
      Edouard
      182
  • Tell a friend

    Love Neowin? Tell a friend!