mozillaZine Forums: Fix sidebar when scrolling

Fix sidebar position when scrolling

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

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

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

/*
 *  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);
  }
})()