Section #1 headline
Keep on mind…
- every Section must have an ID ( in this example; section-one, section-two, section-three, etc. )
- the ID of the particular section must correspond to the jump-menu item Link/URL ( in this example; #section-one, #section-two, #section-three, etc. ). You should enter these into the Link input field…
… or the Menu item URL input field
- the jump-menu wrapping element must have an ID “ob-jump-menu”. In this case it is the Column ID.
However, if you use the Nav Menu widget, be sure to assign “ob-jump-menu” ID to the Nav Menu widget itself! - the ACTIVE state of the currently active/selected jump-menu item MUST be styled up manually. You can do that via the custom class name “.ob-active”.
Custom CSS code is currently found atop the JavaScript but you might want to move it to a separate Custom Code file and load it in the page Header, with the higher priority. By doing so, you’ll avoid the on-load delay.
Section #2 headline
Nulla sollicitudin vitae ipsum vitae scelerisque. Etiam magna libero, tincidunt et mauris eget, gravida mollis tellus. Vivamus venenatis libero ac est dignissim, et dignissim nisi consequat. Duis tincidunt libero sem, non fermentum arcu consequat id. Sed eget aliquet ligula, id accumsan lectus. Cras eu purus porttitor, tempor diam eu, efficitur augue. Mauris mollis ex arcu, at eleifend nisi dapibus at. Nam accumsan ac urna eleifend consequat.
Mauris non aliquam dolor. Aenean nec neque tellus. Integer aliquam convallis massa a ullamcorper. Pellentesque quis cursus dui. Etiam nec euismod dolor, sed sodales sem. Cras quis neque rutrum, faucibus tortor a, fringilla neque. Etiam at augue ante. Etiam maximus consectetur diam, fermentum ornare est elementum scelerisque. Maecenas non lorem at turpis congue ultrices. Maecenas tempus ullamcorper tellus, at convallis risus mollis in. Nunc ultricies leo dui, sit amet posuere risus rhoncus sit amet.
Quisque vel turpis at velit venenatis ultrices id id dui. Curabitur sed est non massa vestibulum pretium. Sed erat nisl, maximus ullamcorper congue vel, faucibus a turpis. Donec egestas lectus ac feugiat malesuada. Etiam dignissim risus ut est finibus volutpat. In nec velit eu mauris luctus tristique a ut libero. Nullam volutpat id nisl id dictum. In porttitor risus quis risus feugiat, et dignissim magna aliquam. Nulla sit amet nisl magna. Proin vitae hendrerit nibh.
Section #3 headline
Nulla sollicitudin vitae ipsum vitae scelerisque. Etiam magna libero, tincidunt et mauris eget, gravida mollis tellus. Vivamus venenatis libero ac est dignissim, et dignissim nisi consequat. Duis tincidunt libero sem, non fermentum arcu consequat id. Sed eget aliquet ligula, id accumsan lectus. Cras eu purus porttitor, tempor diam eu, efficitur augue. Mauris mollis ex arcu, at eleifend nisi dapibus at. Nam accumsan ac urna eleifend consequat.
Mauris non aliquam dolor. Aenean nec neque tellus. Integer aliquam convallis massa a ullamcorper. Pellentesque quis cursus dui. Etiam nec euismod dolor, sed sodales sem. Cras quis neque rutrum, faucibus tortor a, fringilla neque. Etiam at augue ante. Etiam maximus consectetur diam, fermentum ornare est elementum scelerisque. Maecenas non lorem at turpis congue ultrices. Maecenas tempus ullamcorper tellus, at convallis risus mollis in. Nunc ultricies leo dui, sit amet posuere risus rhoncus sit amet.
Quisque vel turpis at velit venenatis ultrices id id dui. Curabitur sed est non massa vestibulum pretium. Sed erat nisl, maximus ullamcorper congue vel, faucibus a turpis. Donec egestas lectus ac feugiat malesuada. Etiam dignissim risus ut est finibus volutpat. In nec velit eu mauris luctus tristique a ut libero. Nullam volutpat id nisl id dictum. In porttitor risus quis risus feugiat, et dignissim magna aliquam. Nulla sit amet nisl magna. Proin vitae hendrerit nibh.
Section #4 headline
Nulla sollicitudin vitae ipsum vitae scelerisque. Etiam magna libero, tincidunt et mauris eget, gravida mollis tellus. Vivamus venenatis libero ac est dignissim, et dignissim nisi consequat. Duis tincidunt libero sem, non fermentum arcu consequat id. Sed eget aliquet ligula, id accumsan lectus. Cras eu purus porttitor, tempor diam eu, efficitur augue. Mauris mollis ex arcu, at eleifend nisi dapibus at. Nam accumsan ac urna eleifend consequat.
Mauris non aliquam dolor. Aenean nec neque tellus. Integer aliquam convallis massa a ullamcorper. Pellentesque quis cursus dui. Etiam nec euismod dolor, sed sodales sem. Cras quis neque rutrum, faucibus tortor a, fringilla neque. Etiam at augue ante. Etiam maximus consectetur diam, fermentum ornare est elementum scelerisque. Maecenas non lorem at turpis congue ultrices. Maecenas tempus ullamcorper tellus, at convallis risus mollis in. Nunc ultricies leo dui, sit amet posuere risus rhoncus sit amet.
Quisque vel turpis at velit venenatis ultrices id id dui. Curabitur sed est non massa vestibulum pretium. Sed erat nisl, maximus ullamcorper congue vel, faucibus a turpis. Donec egestas lectus ac feugiat malesuada. Etiam dignissim risus ut est finibus volutpat. In nec velit eu mauris luctus tristique a ut libero. Nullam volutpat id nisl id dictum. In porttitor risus quis risus feugiat, et dignissim magna aliquam. Nulla sit amet nisl magna. Proin vitae hendrerit nibh.
Section #5 headline
Nulla sollicitudin vitae ipsum vitae scelerisque. Etiam magna libero, tincidunt et mauris eget, gravida mollis tellus. Vivamus venenatis libero ac est dignissim, et dignissim nisi consequat. Duis tincidunt libero sem, non fermentum arcu consequat id. Sed eget aliquet ligula, id accumsan lectus. Cras eu purus porttitor, tempor diam eu, efficitur augue. Mauris mollis ex arcu, at eleifend nisi dapibus at. Nam accumsan ac urna eleifend consequat.
Mauris non aliquam dolor. Aenean nec neque tellus. Integer aliquam convallis massa a ullamcorper. Pellentesque quis cursus dui. Etiam nec euismod dolor, sed sodales sem. Cras quis neque rutrum, faucibus tortor a, fringilla neque. Etiam at augue ante. Etiam maximus consectetur diam, fermentum ornare est elementum scelerisque. Maecenas non lorem at turpis congue ultrices. Maecenas tempus ullamcorper tellus, at convallis risus mollis in. Nunc ultricies leo dui, sit amet posuere risus rhoncus sit amet.
Quisque vel turpis at velit venenatis ultrices id id dui. Curabitur sed est non massa vestibulum pretium. Sed erat nisl, maximus ullamcorper congue vel, faucibus a turpis. Donec egestas lectus ac feugiat malesuada. Etiam dignissim risus ut est finibus volutpat. In nec velit eu mauris luctus tristique a ut libero. Nullam volutpat id nisl id dictum. In porttitor risus quis risus feugiat, et dignissim magna aliquam. Nulla sit amet nisl magna. Proin vitae hendrerit nibh.
