containerscroller_test.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4. Copyright 2008 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. <!--
  9. Author: gboyer@google.com (Garrett Boyer)
  10. -->
  11. <head>
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  13. <meta charset="UTF-8" />
  14. <title>
  15. Closure Unit Tests - goog.ui.ContainerScroller
  16. </title>
  17. <script src="../base.js">
  18. </script>
  19. <script>
  20. goog.require('goog.ui.ContainerScrollerTest');
  21. </script>
  22. <style type="text/css">
  23. .goog-container {
  24. height: 100px;
  25. overflow-y: auto;
  26. overflow-x: hidden;
  27. position: relative;
  28. /* Give a border and margin to ensure ContainerScroller is tolerant to
  29. * them. It is, however, not tolerant to padding. */
  30. border: 11px solid #666;
  31. margin: 7px 13px 17px 19px;
  32. }
  33. .goog-control {
  34. font-size: 10px;
  35. height: 14px;
  36. padding: 3px;
  37. }
  38. </style>
  39. </head>
  40. <body>
  41. <div id="sandbox" class="goog-container">
  42. <div class="goog-control" id="control-0">
  43. 0
  44. </div>
  45. <div class="goog-control" id="control-1">
  46. 1
  47. </div>
  48. <div class="goog-control" id="control-2">
  49. 2
  50. </div>
  51. <div class="goog-control" id="control-3">
  52. 3
  53. </div>
  54. <div class="goog-control" id="control-4">
  55. 4
  56. </div>
  57. <div class="goog-control" id="control-5">
  58. 5
  59. </div>
  60. <div class="goog-control" id="control-6">
  61. 6
  62. </div>
  63. <div class="goog-control" id="control-7">
  64. 7
  65. </div>
  66. <div class="goog-control" id="control-8">
  67. 8
  68. </div>
  69. <div class="goog-control" id="control-9">
  70. 9
  71. </div>
  72. </div>
  73. </body>
  74. </html>