Difference between revisions of "Template:UFlorida/Menu"

Line 19: Line 19:
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;  
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;  
  
−
.affix {
 
−
      top: 200px;
 
−
  }
 
 
</style>
 
</style>
  
Line 29: Line 26:
 
<body>
 
<body>
  
−
<div class="container-fluid" style="background-color:#2196F3;color:#fff;height:200px;">
+
 
−
  <h1>Bootstrap affix-top.bs.affix</h1>
+
−
  <p>Scroll this page downwards and then scroll to the top.</p>
+
−
  <p><strong>The affix-top.bs.affix event occurs when the .affix class is about to be replaced with the .affix-top class.</strong></p>
+
−
</div>
+
−
<br>
+
  
 
<div style="margin-top:100px"></div>
 
<div style="margin-top:100px"></div>
Line 139: Line 131:
  
 
<script>
 
<script>
−
$(document).ready(function(){
 
−
    $('.nav').affix({offset: {top: 150} });
 
−
    $('.nav').on('affix-top.bs.affix', function(){
 
−
        alert('The navigation menu is about to return to its original top position - The .affix class is about to be replaced with .affix-top');
 
−
    });
 
−
});
 
 
</script>
 
</script>
  
 
</html>
 
</html>

Revision as of 20:19, 22 October 2017