afb-client/bower_components/tether/examples/testbed/index.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta charset="utf-8">
   5         <meta http-equiv="X-UA-Compatible" content="chrome=1">
   6         <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
   7         <link rel="stylesheet" href="../resources/css/base.css" />
   8         <link rel="stylesheet" href="../common/css/style.css" />
   9     </head>
  10     <body>
  11
  12         <div class="element">
  13         </div>
  14
  15         <div class="container">
  16             <div class="pad"></div>
  17             <div class="target"></div>
  18             <div class="pad"></div>
  19             <div class="pad"></div>
  20         </div>
  21
  22         <script src="../../tether.js"></script>
  23         <script>
  24             new Tether({
  25                 element: '.element',
  26                 target: '.target',
  27                 attachment: 'top center',
  28                 targetAttachment: 'bottom center',
  29                 constraints: [{
  30                   to: 'scrollParent',
  31                   attachment: 'together'
  32                 }]
  33             });
  34         </script>
  35     </body>
  36   </html>