Published on Jul 28, 2018

[Video] Sticky Section in Oxygen

Sridhar Katakam

Below is a screencast that shows how to set up a section which appears at the bottom of the page on initial page load and remains sticky when it’s scrolled to in Oxygen using the position: sticky CSS rule.

One caveat with this approach is that you need to measure the height of sticky section and set it in the CSS and this could be a hassle if the text should be frequently changing. For such cases, I recommend Stickybits or Sticky-Kit JS.