Simple Sticky Header example

The navbar below is an example of the plugin in action. Just scroll down to see how it works.

Here is some content to make the page high enough.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eleifend laoreet tortor, sit amet semper arcu sodales posuere. Mauris eget finibus sem, nec fermentum felis. Nulla porta elit neque, nec efficitur arcu fermentum quis. Quisque elementum fermentum suscipit. Etiam cursus tempus velit, vel fringilla urna luctus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur maximus commodo arcu in egestas. Morbi aliquet neque vitae sodales efficitur. Etiam augue justo, tincidunt eu sodales at, finibus a justo. Proin congue lacinia nisl, eu dignissim dui laoreet fermentum.