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.

Need help implementing a tutorial in your site or want to hire me for custom work?


Find the article helpful and wish to donate?

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: