Bootstrap Tutorial

ut enim lobortis pellentesque ultricies ac ligula. Pellentesque
convallis elit nisi, id vulputate ipsum ullamcorper ut. Cras
ac pulvinar purus, ac viverra est. Suspendisse potenti. Integer
pellentesque neque et elementum tempus. Curabitur bibendum in
ligula ut rhoncus.
Quisque pharetra velit id velit iaculis pretium. Nullam a
justo sed ligula porta semper eu quis enim. Pellentesque
pellentesque, metus at facilisis hendrerit, lectus velit
facilisis leo, quis volutpat turpis arcu quis enim. Nulla
viverra lorem elementum interdum ultricies. Suspendisse
accumsan quam nec ante mollis tempus. Morbi vel accumsan diam,
eget convallis tellus. Suspendisse potenti.
$(function () {
$('#myNav').affix({
offset: {
top: 60
}
});
});
Positioning via CSS
In both the above situations, you must provide CSS for the positioning of your content. The affix plugin toggles
between three classes, each representing a particular state: .affix, .affix-top, and .affix-bottom. Follow the below
steps to set your CSS for either of the above usage options.
To start, the plugin adds .affix-top to indicate the element is in it's top-most position. At this point no CSS
positioning is required.
Scrolling past the element you want affixed should trigger the actual affixing. This is
where .affixreplaces .affix-top and sets position: fixed; (provided by Bootstrap's code CSS).
If a bottom offset is defined, scrolling past that should replace .affix with .affix-bottom. Since offsets are
optional, setting one requires you to set the appropriate CSS. In this case, addposition: absolute; when
necessary.
TUTORIALS POINT
Simply Easy Learning