mozillaZine Forums: Fix sidebar when scrolling

Fix sidebar position when scrolling

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

/*
 *  This Source Code Form is subject to the terms of the Mozilla Public
 *  License, v. 2.0. If a copy of the MPL was not distributed with this
 *  file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

// ==UserScript==
// @name            mozillaZine Forums: Fix sidebar when scrolling
// @namespace       http://userstyles.org/users/12
// @description     Fix sidebar position when scrolling
// @version         1.0
// @author          LouCypher
// @license         MPL 2.0
// @icon            https://raw.github.com/gist/1087992/icon.png
// @include         http://forums.mozillazine.org/*
// ==/UserScript==

(function() {
  if (!$("#sidebar")) return;

  var sbWidth = $("#sidebar").offsetWidth;
  fixToTop();
  addEventListener("scroll", fixToTop, false);

  function fixToTop() {
    if (pageYOffset >= $("#masthead").offsetHeight) {
      $("#sidebar").style.position = "fixed";
      $("#sidebar").style.top = "0";
      $("#sidebar").style.right = "0";
      $("#wrap").style.marginRight = sbWidth + "px";
    } else {
      /* Doesn't work on Safari
      $("#sidebar").removeAttribute("style");
      $("#wrap").removeAttribute("style");
      */
      $("#sidebar").setAttribute("style", "");
      $("#wrap").setAttribute("style", "");
    }
  }

  function $(aSelector, aNode) {
    return (aNode ? aNode : document).querySelector(aSelector);
  }
})()