style_document_scroll_test.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4. Copyright 2014 The Closure Library Authors. All Rights Reserved.
  5. Use of this source code is governed by the Apache License, Version 2.0.
  6. See the COPYING file for details.
  7. -->
  8. <head>
  9. <meta charset="UTF-8" />
  10. <title>Closure Unit Tests - goog.style</title>
  11. <script src="../base.js"></script>
  12. <script>
  13. goog.require('goog.style.style_document_scroll_test');
  14. </script>
  15. <style>
  16. body, html {
  17. height: 100%;
  18. margin: 0;
  19. padding: 0;
  20. position: absolute;
  21. white-space: nowrap;
  22. width: 800px;
  23. }
  24. #testEl1 {
  25. background: lightblue;
  26. height: 110%;
  27. margin-top: 200px;
  28. }
  29. #testEl2 {
  30. background: lightblue;
  31. display: inline-block;
  32. margin-left: 300px;
  33. width: 5000px;
  34. }
  35. #testEl3 {
  36. background: lightgrey;
  37. height: 50px;
  38. }
  39. #space {
  40. height: 100%;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <div id="testEl1">
  46. Test Element1
  47. </div>
  48. <div id="testEl2">Test Element2</div>
  49. <div id="testEl3">Test Element3</div>
  50. <div id="space"></div>
  51. </body>
  52. </html>