auto scroll from top to bottom and back in repeat

auto scroll from top to bottom and back in repeat

Hey there,

I just set some html-sites for our school infodisplay. The tool Screenly OSE shows the Websites in a shuffle play. Thats all working. But there are a fiew sites with much content. The screen solution will be 1920 x 1080 pixel and these websites will not fit because of there length. So, what code could I implement in my html sites, which include xml.files with php in html? One of these sites looks like this:

  2. <!DOCTYPE html>
  3. <html lang="de">
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>xy</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta http-equiv="refresh" content="60">
  9. <link href="../xy.css" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Open+Sans|Lobster|Trirong" rel="stylesheet">
  11. <script src="http://code.jquery.com/jquery-latest.js"></script>
  12. <script src="autoscroll.js"></script> 
  13. </head>
  14. <body>


  17. <div class="box">
  18. <div class="content-box">
  19. <div class="logo-small"><img src="../xy/xy.jpg" width="100px" /></div>
  20. <div>
  21. <?php
  22. // Creat new DOM-Object
  23. $xml = new DOMDocument();

  25. // Load xml-file
  26. $xml->preserveWhiteSpace = false;
  27. function sortByDate($a,$b) {
  28. if(filemtime($a) === filemtime($b))
  29. return 0;
  30. return (filemtime($a) < filemtime($b)) ? 1 : -1;
  31. }

  33. $files = glob("*.xml");
  34. usort($files,"sortByDate");
  35. $xml->load($files[0]);

  37. // Create new DOM-Object
  38. $xsl = new DOMDocument();

  40. // load xsl-file
  41. $xsl->load("xy.xsl");

  43. // Process content and post it
  44. $proc = new XSLTProcessor;
  45.   $proc->importStyleSheet($xsl);
  46. $proc->setParameter('','PARAM_NAME',$param_value);
  47. echo $proc->transformToXML($xml);
  48. ?>
  49. </div>
  50. <div id="xy">some text xy</div>
  51. </div>
  52. </div>


  55. </body>
  56. </html>

HTML, CSS and PHP works great.

I would like to autoscroll the whole website beginning at the div container "logo-small" towards "xy" at the end of the site.

I have been exercising with a view examples, but no one worked at all. Maybe there is a problem because of the php-file-include?

I tried as well the code on this page, but that did not work too!: