Sticky Topbar


This will erase any code in your Custom JavaScript preference on the Look and Feel Control Panel.
Make a backup of that before running this profile.

 header_custom_js: |
  // Duplicate topbar, rename to topbar-clone, re-inject somewhere in the page
  // Place on top of page but hidden at first
  position: 'fixed',
  top: '0px',
  width: 'inherit',
  display: 'none',
  'z-index': 3
  // Get and store default display style for topbar
  $topbar_display = $('#topbar').css('display');
  $(window).on("scroll", function () {
  if ($(window).scrollTop() > $('#topbar').offset().top) {
  // If topbar scrolls out of the visible page, display topbar-clone
  $('#topbar-clone').css('display', $topbar_display).css('width',$('#topbar').width());
  } else {
  // If topbar is visible, hide topbar-clone

Created by Jean-Marc Libs. Last Modification: Tuesday 25 of February, 2020 11:07:25 GMT-0000 by Jonny Bradley.
Category: release
Category: 15.x
Category: 16.x