Main content start

CSS sticky menu

  1. Create a custom block with links to on page anchors
  2. Create a group block and place the custom block, and provide a class to target
  3. Create a CSS injector file
  4. The sticky block won't leave the region it's added to (sidebar blocks won't scroll past the end of the  sidebar region)

A. Vivamus laoreet. Maecenas vestibulum mollis diam. Etiam imperdiet imperdiet orci. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris.

  1. In turpis. Proin magna. Praesent nec nisl a purus blandit viverra.
    • Ut varius tincidunt libero. Donec vitae sapien ut libero venenatis faucibus.
      • Morbi mattis ullamcorper velit.
      • Nulla sit amet est. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero
    • non adipiscing dolor urna a orci. Fusce vulputate eleifend sapien. Curabitur vestibulum aliquam leo.
  2. Suspendisse potenti. Fusce convallis metus id felis luctus adipiscing.
    • Aenean posuere, tortor sed cursus feugiat,
      • nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Praesent egestas tristique nibh. In ac felis quis tortor malesuada pretium.
    • Cras dapibus. Integer tincidunt. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi.

B. Nulla porta dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque posuere. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  1. Maecenas ullamcorper, dui et placerat feugiat, eros pede varius nisi, condimentum viverra felis nunc et lorem. Vivamus elementum semper nisi.
    • Nulla porta dolor. Aliquam eu nunc. Donec sodales sagittis magna.
    • Morbi ac felis. Phasellus ullamcorper ipsum rutrum nunc.

C. Vivamus laoreet. Maecenas vestibulum mollis diam. Etiam imperdiet imperdiet orci. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris.

  1. In turpis. Proin magna. Praesent nec nisl a purus blandit viverra.
    • Ut varius tincidunt libero. Donec vitae sapien ut libero venenatis faucibus.
      • Morbi mattis ullamcorper velit.
      • Nulla sit amet est. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero
    • non adipiscing dolor urna a orci. Fusce vulputate eleifend sapien. Curabitur vestibulum aliquam leo.
  2. Suspendisse potenti. Fusce convallis metus id felis luctus adipiscing.
    • Aenean posuere, tortor sed cursus feugiat,
      • nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Praesent egestas tristique nibh. In ac felis quis tortor malesuada pretium.
    • Cras dapibus. Integer tincidunt. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi.

D. Nulla porta dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque posuere. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  1. Maecenas ullamcorper, dui et placerat feugiat, eros pede varius nisi, condimentum viverra felis nunc et lorem. Vivamus elementum semper nisi.
    • Nulla porta dolor. Aliquam eu nunc. Donec sodales sagittis magna.
    • Morbi ac felis. Phasellus ullamcorper ipsum rutrum nunc.