ヘッダーの位置を固定する

by wakabatan 2011-07-16 [2011/07/16 16:48:19]

ハイク、スター、フォトライフなどのヘッダーの位置を固定して、スクロールしても表示されてままにします。

• /*
   * @title ヘッダーの位置を固定する
   * @description ハイク、スター、フォトライフなどのヘッダーの位置を固定して、スクロールしても表示されてままにします。
   * @license MIT License
   */
  
  var header = document.getElementById('header');
  if (header) {
    header.style.borderBottom = '1px solid #EEEEEE';
    header.style.marginTop = '-37px';
    header.style.position = 'fixed';
    header.style.backgroundColor = 'white';
  }
  
  var container = document.getElementById('container');
  if (container) {
    container.style.marginTop = '37px';
  }

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。