]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
add togglable scrollbar-inducing content to Modal visual test 16018/head
authorChris Rebert <code@rebertia.com>
Sat, 7 Mar 2015 14:40:57 +0000 (06:40 -0800)
committerChris Rebert <code@rebertia.com>
Sat, 7 Mar 2015 14:40:57 +0000 (06:40 -0800)
js/tests/visual/modal.html

index 78b1a6aeb624e27c58ed12ada3fdb3d2f983b7e9..aee4d7893d7133997d23f2ce6d265f3e6b2fdfc0 100644 (file)
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
   <![endif]-->
+
+  <style>
+    #tall {
+      height: 1500px;
+      width: 100px;
+      background-color: black;
+      color: white;
+    }
+  </style>
 </head>
 <body>
 
     Launch demo modal
   </button>
 
+  <button id="tall-toggle" class="btn btn-default">Toggle tall &lt;body&gt; content</button>
+  <br><br>
+  <div id="tall" style="display: none;">
+    Tall body content to force the page to have a scrollbar.
+  </div>
+
 </div>
 
 <!-- JavaScript Includes -->
 $(function () {
   $('.js-popover').popover()
   $('.js-tooltip').tooltip()
+  $('#tall-toggle').click(function () {
+    $('#tall').toggle()
+  })
 })
 </script>