Difference between revisions of "Template:RUM-UPRM/Example"
Paulamanan (Talk | contribs) |
Paulamanan (Talk | contribs) |
||
| Line 51: | Line 51: | ||
<br> | <br> | ||
| − | <div class="container-fluidtwo"> | + | <div class="container-fluidtwo" style="height:220px;"> |
<div class="row"> | <div class="row"> | ||
<nav class="col-sm-3 col-4" id="myScrollspy"> | <nav class="col-sm-3 col-4" id="myScrollspy"> | ||
Revision as of 04:16, 26 October 2020
Scrollspy & Affix Example
Fixed vertical sidenav on scroll
Scroll this page to see how the navbar behaves with data-spy="affix" and data-spy="scrollspy".
The left menu sticks the page after you have scrolled a specified amount of pixels, and the links in the menu are automatically updated based on scroll position.
Section 1
Try to scroll this section and look at the navigation list while scrolling!
Section 2
Try to scroll this section and look at the navigation list while scrolling!
Section 3
Try to scroll this section and look at the navigation list while scrolling!
Section 4-1
Try to scroll this section and look at the navigation list while scrolling!
Section 4-2
Try to scroll this section and look at the navigation list while scrolling!