Difference between revisions of "Template:RUM-UPRM/Example"
Paulamanan (Talk | contribs) |
Paulamanan (Talk | contribs) |
||
| Line 43: | Line 43: | ||
<body data-spy="scroll" data-target="#myScrollspy" data-offset="1"> | <body data-spy="scroll" data-target="#myScrollspy" data-offset="1"> | ||
| − | <div class="container-fluid; bg-info" style=" | + | <div class="container-fluid; bg-info" style="height:250px; top: 200px"> |
| − | <h1> | + | <center><h1>Design</h1></center> |
<h3>Fixed vertical sidenav on scroll</h3> | <h3>Fixed vertical sidenav on scroll</h3> | ||
<p>Scroll this page to see how the navbar behaves with data-spy="affix" and data-spy="scrollspy".</p> | <p>Scroll this page to see how the navbar behaves with data-spy="affix" and data-spy="scrollspy".</p> | ||
Revision as of 04:42, 26 October 2020
Design
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!