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

  • /*
     * @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';
    }
    
    void(0)
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2011/07/16 16:48:19 - 2011-07-16
  2. 2011/07/16 16:47:45 - 2011-07-16