Difference between revisions of "Template:RUM-UPRM/Example"
Paulamanan (Talk | contribs) |
Paulamanan (Talk | contribs) |
||
| Line 14: | Line 14: | ||
body { | body { | ||
position: relative; | position: relative; | ||
| − | + | ||
| − | + | ||
} | } | ||
| Line 74: | Line 73: | ||
</nav> | </nav> | ||
<div class="col-sm-9 col-8"> | <div class="col-sm-9 col-8"> | ||
| − | <div id="section1" class="insert color"> | + | <div id="section1" class="insert color" style="background-color:rgba(255,0,0,0.3)"> |
<h1>Section 1</h1> | <h1>Section 1</h1> | ||
<p>Try to scroll this section and look at the navigation list while scrolling!</p> | <p>Try to scroll this section and look at the navigation list while scrolling!</p> | ||
Revision as of 04:58, 26 October 2020
Design
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!