Twilyze · August 12, 2021 10:28
diff --git a/README.md b/README.md
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/custom.css b/custom.css
 /*------*/
 /* Aero */
 /*------*/
 /*
 Shadows: rgba(255,255,255,.5)
 Shadow covers: #8095ad
 a:hover, active: rgba(255,255,255,.36)
 */
 #stoc {
  font-weight: 600;
 }
 #stoc li {
  padding-bottom: 0;
 }


 /*-----------*/
 /* Afternoon */
 /*-----------*/
 #stoc li {
  list-style-type: none;
  padding: 0;
  margin-left: 0;
 }


 /*-------------------*/
 /* ヨミカキ by kanahei */
 /*-------------------*/
 #stoc-module:not(.touch).tracking {
  border: 3px solid #000;
  border-radius: 20px;
  margin-top: -3px;
  margin-left: -3px;
  padding-bottom: 20px;
 }


 /*----------------------*/
 /* Popcorn by カタノトモコ */
 /*----------------------*/
 #stoc-module a {
  border-bottom: 0;
 }
 #stoc-module:not(.touch).tracking {
  background: #fff;
  border: 2px solid #4c3326;
  border-radius: 20px;
  margin-top: -2px;
  margin-left: -22px;
  padding-left: 20px;
  padding-right: 20px;
 }


 /*--------*/
 /* Report */
 /*--------*/
 #stoc li {
  margin-bottom: 0;
 }


 /*-----------*/
 /* レトロポップ */
 /*-----------*/
 #stoc-module {
  position: static;
 }


 /*-------------*/
 /* Skull wings */
 /*-------------*/
 /*
 Shadows: rgba(255,255,255,.8)
 Shadow covers: #000
 a:hover, active: rgba(255,255,255,.9)
 */
 #stoc-module {
  font-weight: 600;
 }
 #stoc .active {
  color: #cb2d8e;
 }


 /*-------*/
 /* Solid */
 /*-------*/
 /*
 Shadows: rgba(255,255,255,.5)
 Shadow covers: #292c2f
 a:hover, active: rgba(255,255,255,0.15)
 */


 /*----------*/
 /* Terminal */
 /*----------*/
 /*
 Shadows: rgba(255,255,255,.5)
 Shadow covers: #272822
 a:hover, active: rgba(255,255,255,0.2)
 */


 /*---------*/
 /* Venetia */
 /*---------*/
 /*
 Shadow covers: #f6f5dd
 */
 #stoc-module a:hover {
  border-bottom: 0;
 }
 #stoc-module.tracking {
  padding-bottom: 50px;
  background: url(/css/theme/venetia/bee.png) no-repeat 0 100%;
 }
diff --git a/sidebar_toc.css b/sidebar_toc.css
 /*-------------*/
 /*  追尾する目次  */
 /*-------------*/
 #stoc-module {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 }
 #stoc-module.tracking {
  margin-bottom: 0;
 }
 #stoc-module.fixed {
  position: fixed;
 }
 #stoc-module.absolute {
  position: absolute;
 }
 #stoc-module.sticky {
  position: -webkit-sticky;
  position: sticky;
 }
 #stoc-module.fade-in {
  animation: fadeIn 300ms;
 }
 @keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
 }

 #stoc {
  overflow-y: auto;
 }
 #stoc.shadow {
  /* Shadows */
  background:
    radial-gradient(farthest-side at top, rgba(0,0,0,.17), transparent) top / 100% 11px,
    radial-gradient(farthest-side at bottom, rgba(0,0,0,.17), transparent) bottom / 100% 11px;
  background-repeat: no-repeat;
  background-attachment: scroll;
 }
 #stoc ol {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-type: none;
 }
 #stoc > ol {
  padding-left: 0;
 }
 #stoc.shadow > ol {
  /* Shadow covers */
  background:
    linear-gradient(#fff 30%, transparent) top / 100% 40px,
    linear-gradient(transparent, #fff 70%) bottom / 100% 40px;
  background-repeat: no-repeat;
  background-attachment: local;
  overflow-y: hidden;
 }
 #stoc li {
  /* margin: 3px 0; */
 }
 #stoc a {
  padding: 2px 2px 2px 6px;
  display: block;
  text-decoration: none;
  /* color: #777; */
 }
 #stoc:not(.touch) a:hover {
  background-color: rgba(0,0,0,.05);
  /* text-decoration: underline; */
  /* color: #222; */
 }
 #stoc .active {
  background-color: rgba(0,0,0,.05);
  /* color: #222; */
 }

 #stoc::-webkit-scrollbar {
  width: 8px;
  background: #ececec;
 }
 #stoc::-webkit-scrollbar-button {
  display: none;
 }
 #stoc::-webkit-scrollbar-thumb {
  background: #b1b1b1;
 }

 [tabindex="-1"]:focus {
  outline: 0;
 }
diff --git a/sidebar_toc.html b/sidebar_toc.html
 <!-- 追尾する目次 -->
 <nav id='stoc'></nav>
diff --git a/sidebar_toc_footer.html b/sidebar_toc_footer.html
 <!-- 追尾する目次 ver3.4.1  https://git.io/stoc -->
 <script>
 (function() {
 'use strict';
 //----------------------
 // ↓設定ここから↓

 const PAGES = [
  {
    class    : 'page-entry',
    title    : '目次',
    display  : true
  },
  {
    class    : 'page-index',
    title    : 'このページの記事一覧',
    listPage : true,
    display  : true
  },
  {
    class    : 'page-archive',
    title    : 'このページの記事一覧',
    listPage : true,
    display  : true
  },
  {
    class    : 'page-static_page',
    title    : 'entry-title',
    display  : false
  },
 ];
 const MATCH_MEDIA         = false;
 const MEDIA_QUERY_SIDEBAR = '(min-width: 768px)';
 const MARGIN_TOP     = 10;
 const MARGIN_BOTTOM  = 0;
 const CURRENT_MARGIN = 50;
 const ADJUST_FIXED   = 0;
 const MAX_HEIGHT     = 0;
 const HEADLINE_QUERY = ['h3', 'h4', 'h5'];
 const HEADLINE_MIN   = 1;
 const ADJUST_SCROLL  = 0;
 const SCROLL_TIME_PC    = 400;
 const SCROLL_TIME_TOUCH = 0;
 const TOC_INSIDE_SCROLL = true;
 const TOC_TITLE_TOP   = true;
 const SCROLL_SHADOW   = false;
 const LINK_HISTORY    = true;
 const DELAY_GET_DOM   = false;
 const DELAY_TIME_DOM  = 250;
 const DELAY_TIME_LOAD = 1000;
 const GLOBAL_HEADER   = ['#globalheader-container'];
 const CLICK_UPDATE    = [];
 const CLICK_UPDATE_DELAY = 500;
 const USE_LIST        = 'ol';
 const TOUCH_DEVICE    = 'ontouchstart' in window;
 const TOUCH_DEVICE_DISABLE = false;
 const F_STICKY_MODE   = false;
 const PAUSE_NO_SIDEBAR = true;
 const PAUSE_MAIN_SMALL = true;

 // ↑設定ここまで↑
 //----------------------

 // Define
 const win = window;
 const doc = document;
 const ID_TOC = 'stoc';
 const ID_TOC_MODULE = 'stoc-module';
 const ID_TOC_TITLE = 'stoc-title';
 const ID_TOC_BODY = 'stoc-body';
 const ID_TOC_GUIDE = 'stoc-guide';
 const ID_TOC_SUB_GUIDE = 'stoc-sub-guide';
 const CLASS_HMT = 'hatena-module-title';
 const CLASS_ENTRY = 'entry-title';
 const CLASS_ENTRY_LINK = 'entry-title-link';
 const CLASS_FADE_IN = 'fade-in';
 const CLASS_TOUCH = 'touch';
 const CLASS_SHADOW = 'shadow';
 const CLASS_ACTIVE = 'active';
 const CLASS_TRACKING = 'tracking';
 const CLASS_FIXED = 'fixed';
 const CLASS_ABSOLUTE = 'absolute';
 const POSITION_STATIC = 'static';
 const POSITION_FIXED = 'fixed';
 const POSITION_ABSOLUTE = 'absolute';
 const POSITION_STICKY = 'sticky';
 const SUM_MARGIN_HEIGHT = ['marginTop', 'marginBottom'];
 const SUM_PADDING_HEIGHT = ['paddingTop', 'borderTopWidth', 'paddingBottom', 'borderBottomWidth'];
 const SCROLL_TIME = TOUCH_DEVICE ? SCROLL_TIME_TOUCH : SCROLL_TIME_PC;
 const SMOOTH_SCROLL = SCROLL_TIME > 0 ? true : false;

 function convPX(num) {
  return num + 'px';
 }

 function createDiv() {
  return doc.createElement('div');
 }

 const escapeHtml = (function() {
  const re = /[&'"<>]/g;
  const replaceObj = {
    '&'  : '&amp;',
    '\'' : '&#39;',
    '"'  : '&quot;',
    '<'  : '&lt;',
    '>'  : '&gt;',
  };
  function replaceFunc(match) {
    return replaceObj[match];
  }
  return function(str) {
    if (typeof str !== 'string')
      return str;
    return str.replace(re, replaceFunc);
  };
 }());

 // focus()による移動を無視する
 function focusWithoutScroll(elem) {
  const x = win.scrollX || win.pageXOffset;
  const y = win.scrollY || win.pageYOffset;
  elem.focus();
  win.scrollTo(x, y);
 }
 // フォーカスできない要素でもフォーカスさせる
 function focusForcibly(elem, options) {
  const opt = options === undefined ? {} : options;
  if (opt.preventScroll)
    focusWithoutScroll(elem);
  else
    elem.focus();

  if (document.activeElement !== elem) {
    elem.tabIndex = -1;

    if (opt.preventScroll)
      focusWithoutScroll(elem);
    else
      elem.focus();
  }
 }

 // 簡易シングルトンなgetComputedStyle（IDが設定されてない場合は毎回取得）
 const getComputedStyleWrap = (function() {
  const data = {};
  return function(elem) {
    const id = hyphen2camel(elem.id);
    if (!data[id]) {
      console.assert(id, 'No id：%o', elem);
      const style = getComputedStyle(elem, null);
      if (id)
        data[id] = style;
      else
        return style;
    }
    return data[id];
  };
 }());

 // 1文字目によってidかclass要素を取得する
 function getElementsSelector(idORclass) {
  let elems = [];
  const first = idORclass.charAt(0);
  const name = idORclass.slice(1);
  if (first === '#')
    elems[0] = doc.getElementById(name);
  else if (first === '.')
    elems = doc.getElementsByClassName(name);
  return elems;
 }

 // 指定したスタイルを数値に変換して取得
 function getStyleFloat(elem, styleName) {
  const ret = parseFloat(getComputedStyleWrap(elem)[styleName]);
  console.assert(!isNaN(ret), elem.id + ' [' + styleName + '] NaN');
  return ret;
 }

 // 特定のクラスが設定されていない状態の値を取得
 function getUnsetClassStyleFloat(elem, styleNames, targetClassNames) {
  let ret = [];
  const classList = elem.classList;
  const existClassNames = targetClassNames.filter(function(e) {
    return classList.contains(e);
  });

  existClassNames.forEach(function(e) {
    classList.remove(e);
  });
  styleNames.forEach(function(e) {
    ret.push(getStyleFloat(elem, e));
  });
  existClassNames.forEach(function(e) {
    classList.add(e);
  });
  return ret;
 }

 // ハイフン区切りからキャメルケースに変換
 function hyphen2camel(str) {
  return str.replace(/[-]./g, function(match) {
    return match.charAt(1).toUpperCase();
  });
 }

 // 修飾キーが押されているか
 function isModifiedEvent(e) {
  return e.ctrlKey || e.shiftKey || e.altKey || e.metaKey;
 }

 // $.outerHeight()
 function getOuterHeight(elem, margin) {
  let ret = elem.offsetHeight;
  if (margin)
    ret += sumElementProps(elem, SUM_MARGIN_HEIGHT);
  return ret;
 }

 // $.scrollTop()
 function getScrollTop(elem, scrollTop) {
  return elem.getBoundingClientRect().top + (scrollTop !== void 0 ? scrollTop : win.pageYOffset);
 }

 // 縦方向のスムーズスクロール
 const smoothScrollY = (function() {
  const frameTime = 1000 / 30;
  const scrollTo = win.scrollTo;
  const timer = win.performance ? performance : Date;
  let requestId, request, cancel, exsitRAF;
  {
    const strRAF = 'requestAnimationFrame';
    exsitRAF = Object.prototype.hasOwnProperty.call(win, strRAF);
    if (exsitRAF) {
      request = win[strRAF];
      cancel = win.cancelAnimationFrame;
    }
    else {
      request = win.setTimeout;
      cancel = win.clearTimeout;
    }
  }

  function easeInOutQuad(t) {
    return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
  }

  return function(target, duration) {
    const startTime = timer.now();
    const startY = win.pageYOffset;
    const startX = win.pageXOffset;
    const distance = target - startY;
    let elapsedTime;

    cancel(requestId);
    requestId = request(exsitRAF ? step : step2);

    // requestAnimationFrame
    function step(timestamp) {
      elapsedTime = timestamp - startTime;
      if (elapsedTime >= duration) {
        scrollTo(startX, target);
        return;
      }
      scrollTo(startX, easeInOutQuad(elapsedTime / duration) * distance + startY);
      requestId = request(step);
    }

    // setTimeout
    function step2() {
      elapsedTime = timer.now() - startTime;
      if (elapsedTime >= duration) {
        scrollTo(startX, target);
        return;
      }
      scrollTo(startX, easeInOutQuad(elapsedTime / duration) * distance + startY);
      requestId = request(step2, frameTime);
    }
  };
 }());

 // 指定したプロパティ値を足し合わせて返す
 function sumElementProps(elem, props) {
  let ret = 0;
  const css = getComputedStyleWrap(elem);
  for (let i = 0, len = props.length; i < len; i++) {
    const num = parseFloat(css[props[i]]);
    if (isNaN(num)) continue;
    ret += num;
  }
  return ret;
 }

 function main() {
  console.log('%c---sidebar toc---  DELAY_TIME_DOM:' + DELAY_TIME_DOM, 'color:blue');
  console.time('sidebarToc add');

  // 目次モジュール
  const elSidebarToc = doc.getElementById(ID_TOC);
  if (!elSidebarToc) {
    console.error('sidebarToc: 要素が見つかりません');
    return;
  }
  const elSidebarTocModule = elSidebarToc.parentNode.parentNode;
  const elSidebarTocModuleBody = elSidebarToc.parentElement;
  const stSidebarTocModule = elSidebarTocModule.style;

  // ページ判定
  const bodyClassList = doc.body.classList;
  let currentPage;
  for (let i = 0, len = PAGES.length; i < len; i++) {
    if (bodyClassList.contains(PAGES[i].class)) {
      if (!PAGES[i].display)
        break;
      currentPage = PAGES[i];
      console.log('page:' + PAGES[i].class);
      break;
    }
  }
  // 表示設定をしてあるページ以外の時は非表示にして終了
  if (!currentPage) {
    hideSidebarToc();
    return;
  }
  const PAGE_LIST = currentPage.listPage;
  const PAGE_TITLE = currentPage.title;
  const elMainInner = doc.getElementById('main-inner');

  // 目次記法の目次にもスムーズスクロールを適用
  let hatenaTocFlg = false;
  if (!PAGE_LIST) {
    const elHatenaToc = elMainInner.getElementsByClassName('table-of-contents')[0];
    if (elHatenaToc) {
      const elHatenaTocAnchor = elHatenaToc.getElementsByTagName('a');
      for (let i = 0, len = elHatenaTocAnchor.length; i < len; i++)
        elHatenaTocAnchor[i].addEventListener('click', clickEvent, false);
      hatenaTocFlg = true;
    }
  }

  // タッチデバイスで動かさない設定の時は非表示にして終了
  if (TOUCH_DEVICE_DISABLE) {
    hideSidebarToc();
    return;
  }

  // 表示する見出しの一覧を取得
  let elContentList = [];
  let elContentListText = [];
  if (PAGE_LIST) {
    const classNames = ['hentry', 'archive-entry'];
    for (let i = 0, len = classNames.length; i < len; i++) {
      elContentList = elMainInner.getElementsByClassName(classNames[i]);
      if (elContentList.length > 1)
        break;
    }
    const elems = elMainInner.getElementsByClassName(CLASS_ENTRY_LINK);
    for (let i = 0, len = elems.length; i < len; i++)
      elContentListText[i] = elems[i].textContent;
  }
  else
    elContentList = elMainInner.getElementsByClassName('hentry')[0]
      .getElementsByClassName('entry-content')[0].querySelectorAll(HEADLINE_QUERY.join());

  // 見出しがn個以下なら目次を表示しない
  if (elContentList.length <= HEADLINE_MIN) {
    hideSidebarToc();
    return;
  }


  //----------------------
  let headlineList = [];
  let currentLevel = 0;

  // タグの設定
  for (let i = 0, len = elContentList.length; i < len; i++) {
    const elem = elContentList[i];
    const text = PAGE_LIST ? elContentListText[i] : elem.textContent;
    let idName;
    let level = 0;

    // a要素作成
    if (hatenaTocFlg) {
      // 目次記法がある時はすでにIDが設定されているのでそれを使う
      idName = elem.id;
    }
    else {
      idName = 'section' + i;
      elem.setAttribute('id', idName);
    }
    headlineList[i] = '<li><a href="#' + idName + '">' + escapeHtml(text) + '</a>';

    // 段落が必要ないページ
    if (PAGE_LIST)
      continue;

    // 段落作成
    const nodeName = elem.nodeName.toLowerCase();
    for (let j = 1, len = HEADLINE_QUERY.length; j < len; j++) {
      if (nodeName === HEADLINE_QUERY[j]) {
        level = j;
        break;
      }
    }
    while (currentLevel < level) {
      headlineList[i] = '<' + USE_LIST + '>' + headlineList[i];
      currentLevel++;
    }
    while (currentLevel > level) {
      headlineList[i] = '</' + USE_LIST + '></li>' + headlineList[i];
      currentLevel--;
    }
  }

  // モジュールタイトルの追加(設定によっては追加しない)
  let elTocTitle = false, sidebarTocTitle;
  if (PAGE_TITLE !== '') {
    if (!PAGE_LIST && PAGE_TITLE === CLASS_ENTRY)
      sidebarTocTitle = elMainInner.getElementsByClassName(CLASS_ENTRY_LINK)[0].textContent;
    else
      sidebarTocTitle = PAGE_TITLE;
  }

  // 最初に設定されているタイトルを削除
  const elTitle = elSidebarTocModule.getElementsByClassName(CLASS_HMT)[0];
  if (elTitle)
    elSidebarTocModule.removeChild(elTitle);

  if (sidebarTocTitle) {
    const title = escapeHtml(sidebarTocTitle);
    const divTitle = createDiv();
    divTitle.id = ID_TOC_TITLE;
    divTitle.className = CLASS_HMT;
    // リンクとスムーズスクロールも追加
    divTitle.innerHTML = TOC_TITLE_TOP ? '<a href="#top">' + title + '</a>' : title;
    elTocTitle = elSidebarTocModule.insertBefore(divTitle, elSidebarTocModule.firstElementChild);
    if (TOC_TITLE_TOP) {
      elTocTitle.getElementsByTagName('a')[0].addEventListener('click', function(e) {
        // マウスのメインボタンかキーボード、修飾キー無し
        if (e.button === 0 && !isModifiedEvent(e)) {
          e.preventDefault();
          if (SMOOTH_SCROLL)
            smoothScrollY(0, SCROLL_TIME);
          else
            win.scrollTo(win.pageXOffset, 0);
          focusForcibly(doc.querySelector('body'), {preventScroll: true});
          if (LINK_HISTORY)
            win.history.pushState(null, '', '#top');
        }
      }, false);
    }
  }

  // module-bodyにIDを設定
  elSidebarTocModuleBody.id = ID_TOC_BODY;

  // 目次本体の追加
  const ol = doc.createElement('ol');
  ol.innerHTML = headlineList.join('');
  elSidebarToc.appendChild(ol);

  elSidebarTocModule.setAttribute('id', ID_TOC_MODULE);
  console.log('%c--add toc--', 'color:blue');


  // a要素一覧の取得とスムーズスクロールの設定
  const elSidebarTocAnchors = elSidebarToc.getElementsByTagName('a');
  const clSidebarTocAnchors = [];
  for (let i = 0, len = elSidebarTocAnchors.length; i < len; i++) {
    elSidebarTocAnchors[i].addEventListener('click', clickEvent, false);
    clSidebarTocAnchors[i] = elSidebarTocAnchors[i].classList;
  }

  //----------------------
  // スクロール用
  const elMain = doc.getElementById('main');
  const elBox2 = doc.getElementById('box2');
  const clSidebarTocModule = elSidebarTocModule.classList;
  const elGhs = [];
  for (let i = 0, len = GLOBAL_HEADER.length; i < len; i++) {
    const elems = getElementsSelector(GLOBAL_HEADER[i]);
    if (elems[0])
      elGhs.push(elems[0]);
    else
      console.error('GLOBAL_HEADER: %s が見つかりません', GLOBAL_HEADER[i]);
  }
  const tocLastIndex = headlineList.length - 1;
  let headlineTopList = [];
  let scrollRange, scrollFixed, scrollAbsolute, followModule, tracking = false;
  let ghFixedHeight, marginComp, relativeOffset, leftMargin;
  let tocMaxHeight, tocScrollbar;
  let prevScrollLeft;

  const tocModuleStyles = {};
  tocModuleStyles[POSITION_ABSOLUTE] = {left: ''};
  tocModuleStyles[POSITION_FIXED] = {};
  tocModuleStyles[POSITION_STATIC] = {};

  // スクロール可能か判別しやすくする表示
  if (SCROLL_SHADOW)
    elSidebarToc.classList.add(CLASS_SHADOW);

  // タッチデバイス用の処理
  if (TOUCH_DEVICE) {
    // 判定用のクラス追加
    elSidebarToc.classList.add(CLASS_TOUCH);
    clSidebarTocModule.add(CLASS_TOUCH);
  }

  let stickyMode = false;
  if (TOUCH_DEVICE || F_STICKY_MODE) {
    // ブラウザが position:sticky に対応していればクラス追加
    const propName = ['-webkit-' + POSITION_STICKY, POSITION_STICKY];
    const stDiv = createDiv().style;
    for (let i = 0, len = propName.length; i < len; i++) {
      stDiv.position = propName[i];
      stickyMode = stDiv.position.indexOf(POSITION_STICKY) !== -1;
      if (stickyMode) {
        clSidebarTocModule.add('sticky');
        break;
      }
    }
  }

  //----------------------
  // ガイド要素の作成と追加
  let elGuideModule, elSubGuideModule, lastModuleToc;
  const elBox2Inner = elSidebarTocModule.parentNode;
  const elChildren = elBox2Inner.children;
  const elChildrenLength = elChildren.length;
  const divGuide = createDiv();
  divGuide.id = ID_TOC_GUIDE;
  divGuide.className = 'hatena-module';
  divGuide.style.cssText = [
    'visibility: hidden;',
    'height: 0;',
    'margin-top: 0;',
    'margin-bottom: 0;',
    'padding-top: 0;',
    'padding-bottom: 0;',
    'border-top: 0;',
    'border-bottom: 0;'
  ].join('');

  // 目次モジュールしか無い時はガイドを直前に追加
  if (elChildrenLength === 1) {
    elGuideModule = elBox2Inner.insertBefore(divGuide, elSidebarTocModule);
    lastModuleToc = true;
    console.log('%csingleModule', 'color:blue');
  }
  // 目次をサイドバーの最後に設置してる時はその一つ前に追加、それ以外の時は最後にガイドを追加
  else {
    lastModuleToc = elChildren[elChildrenLength - 1] === elSidebarTocModule;
    if (lastModuleToc) {
      // マージン相殺計測用
      elSubGuideModule = elSidebarTocModule.previousElementSibling;
      elSubGuideModule.id = ID_TOC_SUB_GUIDE;
      elGuideModule = elBox2Inner.insertBefore(divGuide, elSidebarTocModule);
    }
    else
      elGuideModule = elBox2Inner.appendChild(divGuide);
  }

  console.timeEnd('sidebarToc add');


  //----------------------
  // イベント登録

  // ウィンドウのリサイズ操作が終わった時に処理する
  let timer;
  win.addEventListener('resize', function() {
    clearTimeout(timer);
    timer = setTimeout(setTrackingPoint, 200);
  }, false);

  // CSSのフェード終了時
  elSidebarTocModule.addEventListener('animationend', function() {
    clSidebarTocModule.remove(CLASS_FADE_IN);
  }, false);

  //----------------------
  // 関数式

  // 現在位置を表示するためのクラス設定とスクロール処理
  const setActive = (function() {
    let active = -1;
    return function(i) {
      if (i !== active) {
        if (active >= 0)
          clSidebarTocAnchors[active].remove(CLASS_ACTIVE);
        active = i;
        if (i < 0) return;
        let elAnchor = elSidebarTocAnchors[i];
        clSidebarTocAnchors[i].add(CLASS_ACTIVE);
        if (TOC_INSIDE_SCROLL && tocScrollbar && tracking)
          elSidebarToc.scrollTop = elAnchor.offsetTop + elAnchor.offsetHeight - tocMaxHeight;
      }
    };
  }());

  // モジュール固定位置が変わったかチェック
  const confirmPosition = (function() {
    let current = 0;
    return {
      update : function(set, callback) {
        if (set !== current && followModule) {
          if (callback)
            callback(current);
          current = set;
          return true;
        }
        return false;
      },
      get : function() {
        return current;
      },
      set : function(set) {
        current = set;
      }
    };
  }());
  const updatePosition = confirmPosition.update;
  const getPosition = confirmPosition.get;
  const setPosition = confirmPosition.set;


  // スクロールイベントの追加と削除
  const setScrollEvent = (function() {
    let current = false;
    const event = 'scroll';
    return function(b) {
      if (b !== current) {
        if (current)
          win.removeEventListener(event, updateScroll, false);
        else
          win.addEventListener(event, updateScroll, false);
        current = b;
      }
    };
  }());


  //----------------------
  // 追尾処理開始部分
  function startTracking() {
    // 最初に一度位置取得などを行う
    setTrackingPoint();

    // 特定の要素をクリックした後に位置取得をやり直す
    for (let i = 0, len = CLICK_UPDATE.length; i < len; i++) {
      const elems = getElementsSelector(CLICK_UPDATE[i]);
      for (let j = 0, len = elems.length; j < len; j++) {
        let timer;
        elems[j].addEventListener('click', function() {
          clearTimeout(timer);
          timer = setTimeout(setTrackingPoint, CLICK_UPDATE_DELAY);
        }, false);
      }
    }

    // ページの読込が完全に終わったタイミングで再度位置取得などを行う
    win.addEventListener('load', function() {
      console.timeEnd('Event:DOMContentLoaded -> load');
      setTimeout(setTrackingPoint, DELAY_TIME_LOAD);
    }, false);
  }

  if (!DELAY_GET_DOM)
    setDOMContentLoaded(startTracking);
  else
    startTracking();


  //----------------------
  // 関数宣言

  // 目次要素全体を非表示にする
  function hideSidebarToc() {
    stSidebarTocModule.display = 'none';
    console.log('%c---sidebar toc hide---', 'color:blue');
  }

  // スムーズスクロールと履歴を設定
  function clickEvent(e) {
    // マウスのメインボタンかキーボード、修飾キー無し
    if (e.button === 0 && !isModifiedEvent(e)) {
      e.preventDefault();
      const hash = decodeURIComponent(e.currentTarget.hash);
      const targetElement = doc.getElementById(hash.substr(1));
      const targetY = getScrollTop(targetElement) - ghFixedHeight + ADJUST_SCROLL;
      if (SMOOTH_SCROLL)
        smoothScrollY(Math.min(targetY, scrollRange), SCROLL_TIME);
      else
        win.scrollTo(win.pageXOffset, targetY);
      focusForcibly(targetElement, {preventScroll: true});  // リンク先の要素にフォーカス
      if (LINK_HISTORY)
        win.history.pushState(null, '', hash);
    }
  }

  // モジュール内スクロールバー表示を設定
  function setTocScrollBar(bool) {
    elSidebarToc.style.maxHeight = bool ? convPX(tocMaxHeight) : '';
    tocScrollbar = bool;
  }

  // 目次モジュールの設定
  function setTocModuleOption(position) {
    const style = tocModuleStyles[position];
    tracking = position !== POSITION_STATIC ? true : false;
    Object.keys(style).forEach(function(key) {
      stSidebarTocModule[key] = style[key];
    });
    if (tracking) clSidebarTocModule.add(CLASS_TRACKING);
    else clSidebarTocModule.remove(CLASS_TRACKING);
    if (POSITION_FIXED === position) clSidebarTocModule.add(CLASS_FIXED);
    else clSidebarTocModule.remove(CLASS_FIXED);
    if (POSITION_ABSOLUTE === position) clSidebarTocModule.add(CLASS_ABSOLUTE);
    else clSidebarTocModule.remove(CLASS_ABSOLUTE);
    setTocScrollBar(tracking);
  }

  // 追尾処理に必要な値を設定
  function setTrackingPoint() {
    // サイドバーが横に表示されているか
    function existSidebar() {
      if (MATCH_MEDIA)
        return win.matchMedia(MEDIA_QUERY_SIDEBAR).matches;
      return getComputedStyleWrap(elBox2).cssFloat !== 'none';
    }

    // スクロールイベントと追尾設定
    function setEventAndFollow(event, follow, callback) {
      setScrollEvent(event);
      followModule = follow;
      console.log('%cscrollEvent:%s followModule:%s', 'color:blue', event, follow);

      if (event && follow) {
        callback();
      }
      else {
        setPosition(0);
        setTocModuleOption(POSITION_STATIC);
        if (stickyMode)
          elBox2Inner.style.height = '';

        if (!event)
          for (let i = 0, len = clSidebarTocAnchors.length; i < len; i++)
            clSidebarTocAnchors[i].remove(CLASS_ACTIVE);
      }
    }

    // 指定したプロパティが設定されてない時の高さを取得
    function getStaticHeight(getElem, targetElem, styleName) {
      let ret;
      const style = targetElem.style;
      const mem = style[styleName];
      style[styleName] = '';
      ret = getOuterHeight(getElem, true);
      style[styleName] = mem;
      return ret;
    }

    // マージンの相殺で失われた分を返す(引数配列は親→子の順番で書く)
    function marginCollapsingOverlap(elemsTop, elemsBottom) {
      // 各要素の指定したプロパティで一番大きい数値を返す
      function max(elems, styleName) {
        let arr = [];
        for (let i = 0, len = elems.length; i < len; i++)
          arr[i] = getStyleFloat(elems[i], styleName);
        return Math.max.apply(null, arr);
      }
      // padding,borderがあって相殺が起こらないパターンを除外する
      // 親要素にpadding,borderがなければそのまま、あれば親要素だけ返す
      // マージンの相殺が起こらないパターンは他にもある
      // tb 0:top 1:bottom
      function filter(elems, tb) {
        const maxIndex = elems.length - 1;
        const tbIndex = tb * 2;
        if (maxIndex > 0)
          for (let i = 0; i < maxIndex; i++)
            for (let j = 0; j < 2; j++)
              if (getStyleFloat(elems[i], SUM_PADDING_HEIGHT[j + tbIndex]) > 0)
                return elems.slice(0, i + 1);
        return elems;
      }

      const marginTop = max(filter(elemsTop, 0), SUM_MARGIN_HEIGHT[0]);
      const marginBottom = max(filter(elemsBottom, 1), SUM_MARGIN_HEIGHT[1]);
      if (marginTop === 0 || marginBottom === 0)
        return 0;
      return Math.min(marginTop, marginBottom);
    }


    //----------------------
    console.log('%c--setTrackingPoint %s--', 'color:blue', Date().match(/\d\d:\d\d:\d\d/)[0]);
    const winHeight = win.innerHeight;
    const scrollbarX = winHeight - doc.documentElement.clientHeight;
    const mainHeight = Math.max(getOuterHeight(doc.getElementById('wrapper')), getOuterHeight(elMain));
    scrollRange = Math.max(doc.documentElement.scrollHeight - winHeight, 0);
    ghFixedHeight = 0;
    for (let i = 0, len = elGhs.length; i < len; i++)
      ghFixedHeight += getComputedStyleWrap(elGhs[i]).position === POSITION_FIXED ? getOuterHeight(elGhs[i]) : 0;
    console.log('ghFixedHeight:' + ghFixedHeight);
    marginComp = ghFixedHeight + MARGIN_TOP;
    leftMargin = elGuideModule.getBoundingClientRect().left + win.pageXOffset;

    // 計測用に.trackingを付与。また後で戻せるように保存しておく。
    const existTracking = clSidebarTocModule.contains(CLASS_TRACKING);
    if (!existTracking)
      clSidebarTocModule.add(CLASS_TRACKING);

    // 目次部分の高さを画面内に収まるように計算
    const moduleBlankSpaceHeight = sumElementProps(elSidebarTocModule, SUM_PADDING_HEIGHT)
      + sumElementProps(elSidebarTocModuleBody, SUM_PADDING_HEIGHT.concat(SUM_MARGIN_HEIGHT));
    const tocTitleHeight = elTocTitle ? getOuterHeight(elTocTitle, true) + marginCollapsingOverlap([elSidebarTocModuleBody], [elTocTitle]) : 0;
    tocMaxHeight = winHeight - scrollbarX - marginComp - MARGIN_BOTTOM - moduleBlankSpaceHeight - tocTitleHeight;

    if (MAX_HEIGHT) {
      const maxHeight = MAX_HEIGHT - moduleBlankSpaceHeight - tocTitleHeight;
      if (tocMaxHeight > maxHeight)
        tocMaxHeight = maxHeight;
    }

    // .trackingでborder等を付与する時でもマージンの相殺が計測できるように外す
    clSidebarTocModule.remove(CLASS_TRACKING);

    // 各見出しの位置を保存
    for (let i = 0, len = elContentList.length; i < len; i++)
      headlineTopList[i] = getScrollTop(elContentList[i]) - ghFixedHeight;
    console.assert(headlineTopList[0] !== headlineTopList[1], '見出し位置の重複：DELAY_GET_DOMを確認');

    // 横幅を合わせる
    stSidebarTocModule.width = getComputedStyleWrap(elGuideModule).width;

    // 現在位置表示をリセット
    setActive(-1);


    //----------------------
    // 追尾処理判定
    // サイドバーが横に表示されていない時
    if (!existSidebar()) {
      setEventAndFollow(!PAUSE_NO_SIDEBAR, false);
      if (PAUSE_NO_SIDEBAR) return;
    }
    // サイドバーより記事の方が小さい時
    else if (getStaticHeight(elBox2, elBox2Inner, 'height') > mainHeight) {
      setEventAndFollow(!PAUSE_MAIN_SMALL, false);
      if (PAUSE_MAIN_SMALL) return;
    }
    else {
      setEventAndFollow(true, true, function() {
        setTocScrollBar(tracking);
        setPosition(-1);
        prevScrollLeft = 0;

        const mainInnerHeight = getOuterHeight(elMainInner);
        const margins = getUnsetClassStyleFloat(elSidebarTocModule, ['marginTop', 'marginLeft'], [CLASS_TRACKING, CLASS_FIXED, CLASS_ABSOLUTE]);
        const tocModuleMarginTopUnsetClass = margins[0];
        const tocModuleMarginLeftUnsetClass = margins[1];
        leftMargin -= tocModuleMarginLeftUnsetClass;

        if (stickyMode) {
          // 親要素の高さを合わせる
          elBox2Inner.style.height = convPX(mainInnerHeight);
        }

        //----------------
        // ウィンドウに固定開始する位置
        scrollFixed = getScrollTop(elGuideModule) - ghFixedHeight + tocModuleMarginTopUnsetClass + ADJUST_FIXED;
        if (elSubGuideModule) {
          scrollFixed -= marginCollapsingOverlap(
            elTocTitle ? [elSidebarTocModule, elTocTitle] : [elSidebarTocModule],
            [elSubGuideModule, elSubGuideModule.children[1]]
          );
        }

        if (lastModuleToc)
          scrollFixed -= MARGIN_TOP;
        else if (tracking)
          scrollFixed += getStaticHeight(elSidebarTocModule, elSidebarToc, 'maxHeight');

        //----------------
        // 下までスクロールした時にページへ固定開始する位置
        const tocModuleMaxHeight = Math.min(winHeight - marginComp, getOuterHeight(elSidebarTocModule));
        scrollAbsolute = getScrollTop(elMainInner) + mainInnerHeight - tocModuleMaxHeight - marginComp;

        // 親要素にposition:relativeがあれば位置を保存する
        relativeOffset = elGuideModule.offsetParent !== doc.body ? getScrollTop(elGuideModule.offsetParent) : 0;

        //----------------
        // モジュール固定位置
        tocModuleStyles[POSITION_FIXED].top = convPX(marginComp - tocModuleMarginTopUnsetClass);
        tocModuleStyles[POSITION_ABSOLUTE].top = convPX(scrollAbsolute - relativeOffset + marginComp - tocModuleMarginTopUnsetClass);

        console.log('relativeOffset:' + relativeOffset);
        if (elSubGuideModule)
          console.log('marginCollapsingOverlap:' + marginCollapsingOverlap(
            elTocTitle ? [elSidebarTocModule, elTocTitle] : [elSidebarTocModule],
            [elSubGuideModule, elSubGuideModule.children[1]])
          );
        console.log('tocModuleMargin Top:%d Left:%d', tocModuleMarginTopUnsetClass, tocModuleMarginLeftUnsetClass);
        console.log('SidebarToc.top:' + getScrollTop(elSidebarTocModule));
        console.log('scrollFixed   :' + scrollFixed);
        console.log('scrollAbsolute:' + scrollAbsolute);
      });
    }

    // .trackingを戻す
    if (existTracking)
      clSidebarTocModule.add(CLASS_TRACKING);

    updateScroll();
  }

  // 現在のスクロール位置をもとに表示を更新
  function updateScroll() {
    const scrollTop = win.pageYOffset;
    const scrollLeft = win.pageXOffset;

    // モジュールを追従させる(followModuleがtrueの時だけ)
    if (scrollAbsolute < scrollTop) {
      // 固定解除(下)
      if (updatePosition(2)) {
        setTocModuleOption(POSITION_ABSOLUTE);
        prevScrollLeft = 0;
      }
    }
    else if (scrollFixed < scrollTop) {
      // 固定
      updatePosition(1, function(current) {
        // サイドバーの最後以外に設置されていて直前が初期位置の時はフェードインさせる
        if (!lastModuleToc && current === 0)
          clSidebarTocModule.add(CLASS_FADE_IN);
        setTocModuleOption(POSITION_FIXED);
      });
    }
    else {
      // 初期位置
      if (updatePosition(0))
        setTocModuleOption(POSITION_STATIC);
    }

    // 横方向のスクロールに合わせる
    if (!stickyMode && getPosition() === 1 && scrollLeft !== prevScrollLeft) {
      stSidebarTocModule.left = convPX(leftMargin - scrollLeft);
      prevScrollLeft = scrollLeft;
    }

    // 現在位置のクラス設定
    if (scrollTop <= headlineTopList[0] - CURRENT_MARGIN) {
      setActive(0);
    }
    else if ((scrollRange - scrollTop) <= CURRENT_MARGIN) {
      setActive(tocLastIndex);
    }
    else {
      for (let i = tocLastIndex; i >= 0; i--) {
        if (scrollTop > headlineTopList[i] - CURRENT_MARGIN) {
          setActive(i);
          break;
        }
      }
    }
  }
 }

 // HTMLの読込と解析が終わったら
 function setDOMContentLoaded(func) {
  win.addEventListener('DOMContentLoaded', function() {
    console.time('Event:DOMContentLoaded -> load');
    setTimeout(func, DELAY_TIME_DOM);
  }, false);
 }

 // 見出しなどを取得するタイミングをHTMLが読み込まれたあとにする
 if (DELAY_GET_DOM)
  setDOMContentLoaded(main);
 else
  main();

 //# sourceURL=sidebar_toc.js
 }());
 </script>
diff --git a/sidebar_toc_footer_minify.html b/sidebar_toc_footer_minify.html
 <!-- 追尾する目次 ver3.4.1  https://git.io/stoc -->
 <script>
 (function() {
 'use strict';
 //----------------------
 // ↓設定ここから↓

 const PAGES = [
  {
    class    : 'page-entry',
    title    : '目次',
    display  : true
  },
  {
    class    : 'page-index',
    title    : 'このページの記事一覧',
    listPage : true,
    display  : true
  },
  {
    class    : 'page-archive',
    title    : 'このページの記事一覧',
    listPage : true,
    display  : true
  },
  {
    class    : 'page-static_page',
    title    : 'entry-title',
    display  : false
  },
 ];
 const MATCH_MEDIA         = false;
 const MEDIA_QUERY_SIDEBAR = '(min-width: 768px)';
 const MARGIN_TOP     = 10;
 const MARGIN_BOTTOM  = 0;
 const CURRENT_MARGIN = 50;
 const ADJUST_FIXED   = 0;
 const MAX_HEIGHT     = 0;
 const HEADLINE_QUERY = ['h3', 'h4', 'h5'];
 const HEADLINE_MIN   = 1;
 const ADJUST_SCROLL  = 0;
 const SCROLL_TIME_PC    = 400;
 const SCROLL_TIME_TOUCH = 0;
 const TOC_INSIDE_SCROLL = true;
 const TOC_TITLE_TOP   = true;
 const SCROLL_SHADOW   = false;
 const LINK_HISTORY    = true;
 const DELAY_GET_DOM   = false;
 const DELAY_TIME_DOM  = 250;
 const DELAY_TIME_LOAD = 1000;
 const GLOBAL_HEADER   = ['#globalheader-container'];
 const CLICK_UPDATE    = [];
 const CLICK_UPDATE_DELAY = 500;
 const USE_LIST        = 'ol';
 const TOUCH_DEVICE    = 'ontouchstart' in window;
 const TOUCH_DEVICE_DISABLE = false;
 const F_STICKY_MODE   = false;
 const PAUSE_NO_SIDEBAR = true;
 const PAUSE_MAIN_SMALL = true;

 // ↑設定ここまで↑
 //----------------------

 const t=window,e=document,n="stoc",o="stoc-module",i="stoc-title",r="stoc-body",s="stoc-guide",l="stoc-sub-guide",c="hatena-module-title",a="entry-title",f="entry-title-link",u="fade-in",d="touch",E="shadow",m="active",g="tracking",h="fixed",p="absolute",T="static",_="fixed",L="absolute",y="sticky",A=["marginTop","marginBottom"],I=["paddingTop","borderTopWidth","paddingBottom","borderBottomWidth"],C=TOUCH_DEVICE?SCROLL_TIME_TOUCH:SCROLL_TIME_PC,O=C>0;function N(t){return t+"px"}function S(){return e.createElement("div")}const v=function(){const t=/[&'"<>]/g,e={"&":"&amp;","'":"&#39;",'"':"&quot;","<":"&lt;",">":"&gt;"};function n(t){return e[t]}return function(e){return"string"!==typeof e?e:e.replace(t,n)}}();function D(e){const n=t.scrollX||t.pageXOffset,o=t.scrollY||t.pageYOffset;e.focus(),t.scrollTo(n,o)}function M(t,e){const n=void 0===e?{}:e;n.preventScroll?D(t):t.focus(),document.activeElement!==t&&(t.tabIndex=-1,n.preventScroll?D(t):t.focus())}const B=function(){const t={};return function(e){const n=e.id.replace(/[-]./g,function(t){return t.charAt(1).toUpperCase()});if(!t[n]){const o=getComputedStyle(e,null);if(!n)return o;t[n]=o}return t[n]}}();function b(t){let n=[];const o=t.charAt(0),i=t.slice(1);return"#"===o?n[0]=e.getElementById(i):"."===o&&(n=e.getElementsByClassName(i)),n}function R(t,e){const n=parseFloat(B(t)[e]);return n}function H(t){return t.ctrlKey||t.shiftKey||t.altKey||t.metaKey}function U(t,e){let n=t.offsetHeight;return e&&(n+=G(t,A)),n}function P(e,n){return e.getBoundingClientRect().top+(void 0!==n?n:t.pageYOffset)}const Y=function(){const e=1e3/30,n=t.scrollTo,o=t.performance?performance:Date;let i,r,s,l;{const e="requestAnimationFrame";(l=Object.prototype.hasOwnProperty.call(t,e))?(r=t[e],s=t.cancelAnimationFrame):(r=t.setTimeout,s=t.clearTimeout)}function c(t){return t<.5?2*t*t:(4-2*t)*t-1}return function(a,f){const u=o.now(),d=t.pageYOffset,E=t.pageXOffset,m=a-d;let g;s(i),i=r(l?function t(e){g=e-u;if(g>=f)return void n(E,a);n(E,c(g/f)*m+d);i=r(t)}:function t(){g=o.now()-u;if(g>=f)return void n(E,a);n(E,c(g/f)*m+d);i=r(t,e)})}}();function G(t,e){let n=0;const o=B(t);for(let t=0,i=e.length;t<i;t++){const i=parseFloat(o[e[t]]);isNaN(i)||(n+=i)}return n}function k(){const D=e.getElementById(n);if(!D)return;const k=D.parentNode.parentNode,w=D.parentElement,K=k.style,X=e.body.classList;let F;for(let t=0,e=PAGES.length;t<e;t++)if(X.contains(PAGES[t].class)){if(!PAGES[t].display)break;F=PAGES[t];break}if(!F)return void xt();const j=F.listPage,q=F.title,Q=e.getElementById("main-inner");let V=!1;if(!j){const t=Q.getElementsByClassName("table-of-contents")[0];if(t){const e=t.getElementsByTagName("a");for(let t=0,n=e.length;t<n;t++)e[t].addEventListener("click",wt,!1);V=!0}}if(TOUCH_DEVICE_DISABLE)return void xt();let W=[],J=[];if(j){const t=["hentry","archive-entry"];for(let e=0,n=t.length;e<n&&!((W=Q.getElementsByClassName(t[e])).length>1);e++);const e=Q.getElementsByClassName(f);for(let t=0,n=e.length;t<n;t++)J[t]=e[t].textContent}else W=Q.getElementsByClassName("hentry")[0].getElementsByClassName("entry-content")[0].querySelectorAll(HEADLINE_QUERY.join());if(W.length<=HEADLINE_MIN)return void xt();let z=[],Z=0;for(let t=0,e=W.length;t<e;t++){const e=W[t],n=j?J[t]:e.textContent;let o,i=0;if(V?o=e.id:(o="section"+t,e.setAttribute("id",o)),z[t]='<li><a href="#'+o+'">'+v(n)+"</a>",j)continue;const r=e.nodeName.toLowerCase();for(let t=1,e=HEADLINE_QUERY.length;t<e;t++)if(r===HEADLINE_QUERY[t]){i=t;break}for(;Z<i;)z[t]="<"+USE_LIST+">"+z[t],Z++;for(;Z>i;)z[t]="</"+USE_LIST+"></li>"+z[t],Z--}let $,tt=!1;""!==q&&($=j||q!==a?q:Q.getElementsByClassName(f)[0].textContent);const et=k.getElementsByClassName(c)[0];if(et&&k.removeChild(et),$){const n=v($),o=S();o.id=i,o.className=c,o.innerHTML=TOC_TITLE_TOP?'<a href="#top">'+n+"</a>":n,tt=k.insertBefore(o,k.firstElementChild),TOC_TITLE_TOP&&tt.getElementsByTagName("a")[0].addEventListener("click",function(n){0!==n.button||H(n)||(n.preventDefault(),O?Y(0,C):t.scrollTo(t.pageXOffset,0),M(e.querySelector("body"),{preventScroll:!0}),LINK_HISTORY&&t.history.pushState(null,"","#top"))},!1)}w.id=r;const nt=e.createElement("ol");nt.innerHTML=z.join(""),D.appendChild(nt),k.setAttribute("id",o);const ot=D.getElementsByTagName("a"),it=[];for(let t=0,e=ot.length;t<e;t++)ot[t].addEventListener("click",wt,!1),it[t]=ot[t].classList;const rt=e.getElementById("main"),st=e.getElementById("box2"),lt=k.classList,ct=[];for(let t=0,e=GLOBAL_HEADER.length;t<e;t++){const e=b(GLOBAL_HEADER[t]);e[0]&&ct.push(e[0])}const at=z.length-1;let ft,ut,dt,Et,mt,gt,ht,pt,Tt,_t,Lt,yt=[],At=!1;const It={};It[L]={left:""},It[_]={},It[T]={},SCROLL_SHADOW&&D.classList.add(E),TOUCH_DEVICE&&(D.classList.add(d),lt.add(d));let Ct,Ot,Nt,St=!1;if(TOUCH_DEVICE||F_STICKY_MODE){const t=["-webkit-"+y,y],e=S().style;for(let n=0,o=t.length;n<o;n++)if(e.position=t[n],St=-1!==e.position.indexOf(y)){lt.add("sticky");break}}const vt=k.parentNode,Dt=vt.children,Mt=Dt.length,Bt=S();let bt;Bt.id=s,Bt.className="hatena-module",Bt.style.cssText=["visibility: hidden;","height: 0;","margin-top: 0;","margin-bottom: 0;","padding-top: 0;","padding-bottom: 0;","border-top: 0;","border-bottom: 0;"].join(""),1===Mt?(Ct=vt.insertBefore(Bt,k),Nt=!0):(Nt=Dt[Mt-1]===k)?((Ot=k.previousElementSibling).id=l,Ct=vt.insertBefore(Bt,k)):Ct=vt.appendChild(Bt),t.addEventListener("resize",function(){clearTimeout(bt),bt=setTimeout(Ft,200)},!1),k.addEventListener("animationend",function(){lt.remove(u)},!1);const Rt=function(){let t=-1;return function(e){if(e!==t){if(t>=0&&it[t].remove(m),t=e,e<0)return;let n=ot[e];it[e].add(m),TOC_INSIDE_SCROLL&&_t&&At&&(D.scrollTop=n.offsetTop+n.offsetHeight-Tt)}}}(),Ht=function(){let t=0;return{update:function(e,n){return!(e===t||!Et)&&(n&&n(t),t=e,!0)},get:function(){return t},set:function(e){t=e}}}(),Ut=Ht.update,Pt=Ht.get,Yt=Ht.set,Gt=function(){let e=!1;return function(n){n!==e&&(e?t.removeEventListener("scroll",jt,!1):t.addEventListener("scroll",jt,!1),e=n)}}();function kt(){Ft();for(let t=0,e=CLICK_UPDATE.length;t<e;t++){const e=b(CLICK_UPDATE[t]);for(let t=0,n=e.length;t<n;t++){let n;e[t].addEventListener("click",function(){clearTimeout(n),n=setTimeout(Ft,CLICK_UPDATE_DELAY)},!1)}}t.addEventListener("load",function(){setTimeout(Ft,DELAY_TIME_LOAD)},!1)}function xt(){K.display="none"}function wt(n){if(0===n.button&&!H(n)){n.preventDefault();const o=decodeURIComponent(n.currentTarget.hash),i=e.getElementById(o.substr(1)),r=P(i)-mt+ADJUST_SCROLL;O?Y(Math.min(r,ft),C):t.scrollTo(t.pageXOffset,r),M(i,{preventScroll:!0}),LINK_HISTORY&&t.history.pushState(null,"",o)}}function Kt(t){D.style.maxHeight=t?N(Tt):"",_t=t}function Xt(t){const e=It[t];At=t!==T,Object.keys(e).forEach(function(t){K[t]=e[t]}),At?lt.add(g):lt.remove(g),_===t?lt.add(h):lt.remove(h),L===t?lt.add(p):lt.remove(p),Kt(At)}function Ft(){function n(t,e,n){if(Gt(t),Et=e,t&&e)n();else if(Yt(0),Xt(T),St&&(vt.style.height=""),!t)for(let t=0,e=it.length;t<e;t++)it[t].remove(m)}function o(t,e,n){let o;const i=e.style,r=i[n];return i[n]="",o=U(t,!0),i[n]=r,o}function i(t,e){function n(t,e){let n=[];for(let o=0,i=t.length;o<i;o++)n[o]=R(t[o],e);return Math.max.apply(null,n)}function o(t,e){const n=t.length-1,o=2*e;if(n>0)for(let e=0;e<n;e++)for(let n=0;n<2;n++)if(R(t[e],I[n+o])>0)return t.slice(0,e+1);return t}const i=n(o(t,0),A[0]),r=n(o(e,1),A[1]);return 0===i||0===r?0:Math.min(i,r)}const r=t.innerHeight,s=r-e.documentElement.clientHeight,l=Math.max(U(e.getElementById("wrapper")),U(rt));ft=Math.max(e.documentElement.scrollHeight-r,0),mt=0;for(let t=0,e=ct.length;t<e;t++)mt+=B(ct[t]).position===_?U(ct[t]):0;gt=mt+MARGIN_TOP,pt=Ct.getBoundingClientRect().left+t.pageXOffset;const c=lt.contains(g);c||lt.add(g);const a=G(k,I)+G(w,I.concat(A)),f=tt?U(tt,!0)+i([w],[tt]):0;if(Tt=r-s-gt-MARGIN_BOTTOM-a-f,MAX_HEIGHT){const t=MAX_HEIGHT-a-f;Tt>t&&(Tt=t)}lt.remove(g);for(let t=0,e=W.length;t<e;t++)yt[t]=P(W[t])-mt;if(K.width=B(Ct).width,Rt(-1),MATCH_MEDIA?t.matchMedia(MEDIA_QUERY_SIDEBAR).matches:"none"!==B(st).cssFloat)if(o(st,vt,"height")>l){if(n(!PAUSE_MAIN_SMALL,!1),PAUSE_MAIN_SMALL)return}else n(!0,!0,function(){Kt(At),Yt(-1),Lt=0;const t=U(Q),n=function(t,e,n){let o=[];const i=t.classList,r=n.filter(function(t){return i.contains(t)});return r.forEach(function(t){i.remove(t)}),e.forEach(function(e){o.push(R(t,e))}),r.forEach(function(t){i.add(t)}),o}(k,["marginTop","marginLeft"],[g,h,p]),s=n[0],l=n[1];pt-=l,St&&(vt.style.height=N(t)),ut=P(Ct)-mt+s+ADJUST_FIXED,Ot&&(ut-=i(tt?[k,tt]:[k],[Ot,Ot.children[1]])),Nt?ut-=MARGIN_TOP:At&&(ut+=o(k,D,"maxHeight"));const c=Math.min(r-gt,U(k));dt=P(Q)+t-c-gt,ht=Ct.offsetParent!==e.body?P(Ct.offsetParent):0,It[_].top=N(gt-s),It[L].top=N(dt-ht+gt-s)});else if(n(!PAUSE_NO_SIDEBAR,!1),PAUSE_NO_SIDEBAR)return;c&&lt.add(g),jt()}function jt(){const e=t.pageYOffset,n=t.pageXOffset;if(dt<e?Ut(2)&&(Xt(L),Lt=0):ut<e?Ut(1,function(t){Nt||0!==t||lt.add(u),Xt(_)}):Ut(0)&&Xt(T),St||1!==Pt()||n===Lt||(K.left=N(pt-n),Lt=n),e<=yt[0]-CURRENT_MARGIN)Rt(0);else if(ft-e<=CURRENT_MARGIN)Rt(at);else for(let t=at;t>=0;t--)if(e>yt[t]-CURRENT_MARGIN){Rt(t);break}}DELAY_GET_DOM?kt():x(kt)}function x(e){t.addEventListener("DOMContentLoaded",function(){setTimeout(e,DELAY_TIME_DOM)},!1)}DELAY_GET_DOM?x(k):k();}());
 </script>
ファイル	説明
`sidebar_toc.html`	サイドバーに貼り付けるHTML
`sidebar_toc_footer_minify.html`	フッターに貼り付けるスクリプト
`sidebar_toc.css`	CSS
`custom.css`	公式テーマの表示崩れ修正例
`sidebar_toc_footer.html`	圧縮前のスクリプト
`CHANGELOG.md`	変更履歴
変数名	説明	設定値	デフォルト
`PAGES`	各ページごとの動作設定	PAGES options
`MATCH_MEDIA`	サイドバーが横に表示されているかの判定をmatchMedia関数で行う	true, false	`false`
`MEDIA_QUERY_SIDEBAR`	サイドバーが表示された状態を指定(`MATCH_MEDIA`がtrueの時)	mediaQueryString	`'(min-width: 768px)'`
`MARGIN_TOP`	目次を固定する時の上の余白	pixel	`10`
`MARGIN_BOTTOM`	目次を固定する時の下の余白	pixel	`0`
`CURRENT_MARGIN`	現在位置表示の位置取得に余裕をもたせる	pixel(0以上)	`50`
`ADJUST_FIXED`	固定開始位置がずれるときの調整用(最終手段)	pixel	`0`
`MAX_HEIGHT`	目次モジュールの最大サイズを指定（0にするとオフ）	pixel	`0`
`HEADLINE_QUERY`	表示する見出しタグ(数字が小さい順・小文字)	h1-h6	`['h3', 'h4', 'h5']`
`HEADLINE_MIN`	見出しがn個以下なら表示しない	0以上	`1`
`ADJUST_SCROLL`	スクロール先の調整	pixel	`0`
`SCROLL_TIME`	スムーズスクロールにかける時間（0にするとオフ）	ミリ秒	`400`
`SCROLL_TIME_TOUCH`	タッチデバイスでスムーズスクロールにかける時間（0にするとオフ）	ミリ秒	`0`
`TOC_INSIDE_SCROLL`	目次内のスクロールを自動追尾	true, false	`true`
`TOC_TITLE_TOP`	目次タイトルにトップへ移動するリンクを設定	true, false	`true`
`SCROLL_SHADOW`	目次内スクロールが可能か分かりやすくするための表示	true, false	`false`
`LINK_HISTORY`	ページ内リンクをブラウザ履歴に追加（目次が表示されるページのみ適用）	true, false	`true`
`DELAY_GET_DOM`	見出しなどを取得するタイミングをHTMLが読み込まれたあとにする	true, false	`false`
`DELAY_TIME_DOM`	HTMLが読み込まれたあと処理の開始を遅らせる時間	ミリ秒	`250`
`DELAY_TIME_LOAD`	ページが完全に読み込まれたあと処理の開始を遅らせる時間	ミリ秒	`1000`
`GLOBAL_HEADER`	常に表示されるグローバルヘッダーなどの要素を指定	#id .class	`['#globalheader-container']`
`CLICK_UPDATE`	クリック後に見出し位置などの再取得を行う要素を指定	#id .class	`[]`
`CLICK_UPDATE_DELAY`	`CLICK_UPDATE`の実行を遅らせる時間	ミリ秒	`500`
`USE_LIST`	使用するリスト要素	ol, ul	`'ol'`
`TOUCH_DEVICE`	タッチデバイスの判定方法		`'ontouchstart' in window`
`TOUCH_DEVICE_DISABLE`	タッチデバイスで非表示にする	true, false	`false`
`F_STICKY_MODE`	ブラウザが対応していれば常に`position:sticky`を使う（IE11未対応）	true, false	`false`
`PAUSE_NO_SIDEBAR`	サイドバーが横に表示されていない時処理を止める	true, false	`true`
`PAUSE_MAIN_SMALL`	サイドバーより記事の方が小さい時処理を止める	true, false	`true`
クラス名	ページ名
`page-entry`	記事ページ
`page-index`	トップページ(Pro機能の一覧形式を使うと`page-archive`も付く)
`page-archive`	アーカイブページ(最新記事やカテゴリ、検索等)
`page-static_page`	固定ページ(Pro機能)
	/------/
	/* Aero */
	/------/
	/*
	Shadows: rgba(255,255,255,.5)
	Shadow covers: #8095ad
	a:hover, active: rgba(255,255,255,.36)
	*/
	#stoc {
	font-weight: 600;
	}
	#stoc li {
	padding-bottom: 0;
	}


	/-----------/
	/* Afternoon */
	/-----------/
	#stoc li {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	}


	/-------------------/
	/* ヨミカキ by kanahei */
	/-------------------/
	#stoc-module:not(.touch).tracking {
	border: 3px solid #000;
	border-radius: 20px;
	margin-top: -3px;
	margin-left: -3px;
	padding-bottom: 20px;
	}


	/----------------------/
	/* Popcorn by カタノトモコ */
	/----------------------/
	#stoc-module a {
	border-bottom: 0;
	}
	#stoc-module:not(.touch).tracking {
	background: #fff;
	border: 2px solid #4c3326;
	border-radius: 20px;
	margin-top: -2px;
	margin-left: -22px;
	padding-left: 20px;
	padding-right: 20px;
	}


	/--------/
	/* Report */
	/--------/
	#stoc li {
	margin-bottom: 0;
	}


	/-----------/
	/* レトロポップ */
	/-----------/
	#stoc-module {
	position: static;
	}


	/-------------/
	/* Skull wings */
	/-------------/
	/*
	Shadows: rgba(255,255,255,.8)
	Shadow covers: #000
	a:hover, active: rgba(255,255,255,.9)
	*/
	#stoc-module {
	font-weight: 600;
	}
	#stoc .active {
	color: #cb2d8e;
	}


	/-------/
	/* Solid */
	/-------/
	/*
	Shadows: rgba(255,255,255,.5)
	Shadow covers: #292c2f
	a:hover, active: rgba(255,255,255,0.15)
	*/


	/----------/
	/* Terminal */
	/----------/
	/*
	Shadows: rgba(255,255,255,.5)
	Shadow covers: #272822
	a:hover, active: rgba(255,255,255,0.2)
	*/


	/---------/
	/* Venetia */
	/---------/
	/*
	Shadow covers: #f6f5dd
	*/
	#stoc-module a:hover {
	border-bottom: 0;
	}
	#stoc-module.tracking {
	padding-bottom: 50px;
	background: url(/css/theme/venetia/bee.png) no-repeat 0 100%;
	}
	/-------------/
	/* 追尾する目次 */
	/-------------/
	#stoc-module {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
	#stoc-module.tracking {
	margin-bottom: 0;
	}
	#stoc-module.fixed {
	position: fixed;
	}
	#stoc-module.absolute {
	position: absolute;
	}
	#stoc-module.sticky {
	position: -webkit-sticky;
	position: sticky;
	}
	#stoc-module.fade-in {
	animation: fadeIn 300ms;
	}
	@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
	}

	#stoc {
	overflow-y: auto;
	}
	#stoc.shadow {
	/* Shadows */
	background:
	radial-gradient(farthest-side at top, rgba(0,0,0,.17), transparent) top / 100% 11px,
	radial-gradient(farthest-side at bottom, rgba(0,0,0,.17), transparent) bottom / 100% 11px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	}
	#stoc ol {
	margin: 0;
	padding: 0 0 0 1em;
	list-style-type: none;
	}
	#stoc > ol {
	padding-left: 0;
	}
	#stoc.shadow > ol {
	/* Shadow covers */
	background:
	linear-gradient(#fff 30%, transparent) top / 100% 40px,
	linear-gradient(transparent, #fff 70%) bottom / 100% 40px;
	background-repeat: no-repeat;
	background-attachment: local;
	overflow-y: hidden;
	}
	#stoc li {
	/* margin: 3px 0; */
	}
	#stoc a {
	padding: 2px 2px 2px 6px;
	display: block;
	text-decoration: none;
	/* color: #777; */
	}
	#stoc:not(.touch) a:hover {
	background-color: rgba(0,0,0,.05);
	/* text-decoration: underline; */
	/* color: #222; */
	}
	#stoc .active {
	background-color: rgba(0,0,0,.05);
	/* color: #222; */
	}

	#stoc::-webkit-scrollbar {
	width: 8px;
	background: #ececec;
	}
	#stoc::-webkit-scrollbar-button {
	display: none;
	}
	#stoc::-webkit-scrollbar-thumb {
	background: #b1b1b1;
	}

	[tabindex="-1"]:focus {
	outline: 0;
	}
	<!-- 追尾する目次 ver3.4.1 https://git.io/stoc -->
	<script>
	(function() {
	'use strict';
	//----------------------
	// ↓設定ここから↓

	const PAGES = [
	{
	class : 'page-entry',
	title : '目次',
	display : true
	},
	{
	class : 'page-index',
	title : 'このページの記事一覧',
	listPage : true,
	display : true
	},
	{
	class : 'page-archive',
	title : 'このページの記事一覧',
	listPage : true,
	display : true
	},
	{
	class : 'page-static_page',
	title : 'entry-title',
	display : false
	},
	];
	const MATCH_MEDIA = false;
	const MEDIA_QUERY_SIDEBAR = '(min-width: 768px)';
	const MARGIN_TOP = 10;
	const MARGIN_BOTTOM = 0;
	const CURRENT_MARGIN = 50;
	const ADJUST_FIXED = 0;
	const MAX_HEIGHT = 0;
	const HEADLINE_QUERY = ['h3', 'h4', 'h5'];
	const HEADLINE_MIN = 1;
	const ADJUST_SCROLL = 0;
	const SCROLL_TIME_PC = 400;
	const SCROLL_TIME_TOUCH = 0;
	const TOC_INSIDE_SCROLL = true;
	const TOC_TITLE_TOP = true;
	const SCROLL_SHADOW = false;
	const LINK_HISTORY = true;
	const DELAY_GET_DOM = false;
	const DELAY_TIME_DOM = 250;
	const DELAY_TIME_LOAD = 1000;
	const GLOBAL_HEADER = ['#globalheader-container'];
	const CLICK_UPDATE = [];
	const CLICK_UPDATE_DELAY = 500;
	const USE_LIST = 'ol';
	const TOUCH_DEVICE = 'ontouchstart' in window;
	const TOUCH_DEVICE_DISABLE = false;
	const F_STICKY_MODE = false;
	const PAUSE_NO_SIDEBAR = true;
	const PAUSE_MAIN_SMALL = true;

	// ↑設定ここまで↑
	//----------------------

	const t=window,e=document,n="stoc",o="stoc-module",i="stoc-title",r="stoc-body",s="stoc-guide",l="stoc-sub-guide",c="hatena-module-title",a="entry-title",f="entry-title-link",u="fade-in",d="touch",E="shadow",m="active",g="tracking",h="fixed",p="absolute",T="static",_="fixed",L="absolute",y="sticky",A=["marginTop","marginBottom"],I=["paddingTop","borderTopWidth","paddingBottom","borderBottomWidth"],C=TOUCH_DEVICE?SCROLL_TIME_TOUCH:SCROLL_TIME_PC,O=C>0;function N(t){return t+"px"}function S(){return e.createElement("div")}const v=function(){const t=/[&'"<>]/g,e={"&":"&","'":"'",'"':""","<":"<",">":">"};function n(t){return e[t]}return function(e){return"string"!==typeof e?e:e.replace(t,n)}}();function D(e){const n=t.scrollX\|\|t.pageXOffset,o=t.scrollY\|\|t.pageYOffset;e.focus(),t.scrollTo(n,o)}function M(t,e){const n=void 0===e?{}:e;n.preventScroll?D(t):t.focus(),document.activeElement!==t&&(t.tabIndex=-1,n.preventScroll?D(t):t.focus())}const B=function(){const t={};return function(e){const n=e.id.replace(/[-]./g,function(t){return t.charAt(1).toUpperCase()});if(!t[n]){const o=getComputedStyle(e,null);if(!n)return o;t[n]=o}return t[n]}}();function b(t){let n=[];const o=t.charAt(0),i=t.slice(1);return"#"===o?n[0]=e.getElementById(i):"."===o&&(n=e.getElementsByClassName(i)),n}function R(t,e){const n=parseFloat(B(t)[e]);return n}function H(t){return t.ctrlKey\|\|t.shiftKey\|\|t.altKey\|\|t.metaKey}function U(t,e){let n=t.offsetHeight;return e&&(n+=G(t,A)),n}function P(e,n){return e.getBoundingClientRect().top+(void 0!==n?n:t.pageYOffset)}const Y=function(){const e=1e3/30,n=t.scrollTo,o=t.performance?performance:Date;let i,r,s,l;{const e="requestAnimationFrame";(l=Object.prototype.hasOwnProperty.call(t,e))?(r=t[e],s=t.cancelAnimationFrame):(r=t.setTimeout,s=t.clearTimeout)}function c(t){return t<.5?2tt:(4-2t)t-1}return function(a,f){const u=o.now(),d=t.pageYOffset,E=t.pageXOffset,m=a-d;let g;s(i),i=r(l?function t(e){g=e-u;if(g>=f)return void n(E,a);n(E,c(g/f)m+d);i=r(t)}:function t(){g=o.now()-u;if(g>=f)return void n(E,a);n(E,c(g/f)m+d);i=r(t,e)})}}();function G(t,e){let n=0;const o=B(t);for(let t=0,i=e.length;t<i;t++){const i=parseFloat(o[e[t]]);isNaN(i)\|\|(n+=i)}return n}function k(){const D=e.getElementById(n);if(!D)return;const k=D.parentNode.parentNode,w=D.parentElement,K=k.style,X=e.body.classList;let F;for(let t=0,e=PAGES.length;t<e;t++)if(X.contains(PAGES[t].class)){if(!PAGES[t].display)break;F=PAGES[t];break}if(!F)return void xt();const j=F.listPage,q=F.title,Q=e.getElementById("main-inner");let V=!1;if(!j){const t=Q.getElementsByClassName("table-of-contents")[0];if(t){const e=t.getElementsByTagName("a");for(let t=0,n=e.length;t<n;t++)e[t].addEventListener("click",wt,!1);V=!0}}if(TOUCH_DEVICE_DISABLE)return void xt();let W=[],J=[];if(j){const t=["hentry","archive-entry"];for(let e=0,n=t.length;e<n&&!((W=Q.getElementsByClassName(t[e])).length>1);e++);const e=Q.getElementsByClassName(f);for(let t=0,n=e.length;t<n;t++)J[t]=e[t].textContent}else W=Q.getElementsByClassName("hentry")[0].getElementsByClassName("entry-content")[0].querySelectorAll(HEADLINE_QUERY.join());if(W.length<=HEADLINE_MIN)return void xt();let z=[],Z=0;for(let t=0,e=W.length;t<e;t++){const e=W[t],n=j?J[t]:e.textContent;let o,i=0;if(V?o=e.id:(o="section"+t,e.setAttribute("id",o)),z[t]='<li><a href="#'+o+'">'+v(n)+"</a>",j)continue;const r=e.nodeName.toLowerCase();for(let t=1,e=HEADLINE_QUERY.length;t<e;t++)if(r===HEADLINE_QUERY[t]){i=t;break}for(;Z<i;)z[t]="<"+USE_LIST+">"+z[t],Z++;for(;Z>i;)z[t]="</"+USE_LIST+"></li>"+z[t],Z--}let $,tt=!1;""!==q&&($=j\|\|q!==a?q:Q.getElementsByClassName(f)[0].textContent);const et=k.getElementsByClassName(c)[0];if(et&&k.removeChild(et),$){const n=v($),o=S();o.id=i,o.className=c,o.innerHTML=TOC_TITLE_TOP?'<a href="#top">'+n+"</a>":n,tt=k.insertBefore(o,k.firstElementChild),TOC_TITLE_TOP&&tt.getElementsByTagName("a")[0].addEventListener("click",function(n){0!==n.button\|\|H(n)\|\|(n.preventDefault(),O?Y(0,C):t.scrollTo(t.pageXOffset,0),M(e.querySelector("body"),{preventScroll:!0}),LINK_HISTORY&&t.history.pushState(null,"","#top"))},!1)}w.id=r;const nt=e.createElement("ol");nt.innerHTML=z.join(""),D.appendChild(nt),k.setAttribute("id",o);const ot=D.getElementsByTagName("a"),it=[];for(let t=0,e=ot.length;t<e;t++)ot[t].addEventListener("click",wt,!1),it[t]=ot[t].classList;const rt=e.getElementById("main"),st=e.getElementById("box2"),lt=k.classList,ct=[];for(let t=0,e=GLOBAL_HEADER.length;t<e;t++){const e=b(GLOBAL_HEADER[t]);e[0]&&ct.push(e[0])}const at=z.length-1;let ft,ut,dt,Et,mt,gt,ht,pt,Tt,_t,Lt,yt=[],At=!1;const It={};It[L]={left:""},It[_]={},It[T]={},SCROLL_SHADOW&&D.classList.add(E),TOUCH_DEVICE&&(D.classList.add(d),lt.add(d));let Ct,Ot,Nt,St=!1;if(TOUCH_DEVICE\|\|F_STICKY_MODE){const t=["-webkit-"+y,y],e=S().style;for(let n=0,o=t.length;n<o;n++)if(e.position=t[n],St=-1!==e.position.indexOf(y)){lt.add("sticky");break}}const vt=k.parentNode,Dt=vt.children,Mt=Dt.length,Bt=S();let bt;Bt.id=s,Bt.className="hatena-module",Bt.style.cssText=["visibility: hidden;","height: 0;","margin-top: 0;","margin-bottom: 0;","padding-top: 0;","padding-bottom: 0;","border-top: 0;","border-bottom: 0;"].join(""),1===Mt?(Ct=vt.insertBefore(Bt,k),Nt=!0):(Nt=Dt[Mt-1]===k)?((Ot=k.previousElementSibling).id=l,Ct=vt.insertBefore(Bt,k)):Ct=vt.appendChild(Bt),t.addEventListener("resize",function(){clearTimeout(bt),bt=setTimeout(Ft,200)},!1),k.addEventListener("animationend",function(){lt.remove(u)},!1);const Rt=function(){let t=-1;return function(e){if(e!==t){if(t>=0&&it[t].remove(m),t=e,e<0)return;let n=ot[e];it[e].add(m),TOC_INSIDE_SCROLL&&_t&&At&&(D.scrollTop=n.offsetTop+n.offsetHeight-Tt)}}}(),Ht=function(){let t=0;return{update:function(e,n){return!(e===t\|\|!Et)&&(n&&n(t),t=e,!0)},get:function(){return t},set:function(e){t=e}}}(),Ut=Ht.update,Pt=Ht.get,Yt=Ht.set,Gt=function(){let e=!1;return function(n){n!==e&&(e?t.removeEventListener("scroll",jt,!1):t.addEventListener("scroll",jt,!1),e=n)}}();function kt(){Ft();for(let t=0,e=CLICK_UPDATE.length;t<e;t++){const e=b(CLICK_UPDATE[t]);for(let t=0,n=e.length;t<n;t++){let n;e[t].addEventListener("click",function(){clearTimeout(n),n=setTimeout(Ft,CLICK_UPDATE_DELAY)},!1)}}t.addEventListener("load",function(){setTimeout(Ft,DELAY_TIME_LOAD)},!1)}function xt(){K.display="none"}function wt(n){if(0===n.button&&!H(n)){n.preventDefault();const o=decodeURIComponent(n.currentTarget.hash),i=e.getElementById(o.substr(1)),r=P(i)-mt+ADJUST_SCROLL;O?Y(Math.min(r,ft),C):t.scrollTo(t.pageXOffset,r),M(i,{preventScroll:!0}),LINK_HISTORY&&t.history.pushState(null,"",o)}}function Kt(t){D.style.maxHeight=t?N(Tt):"",_t=t}function Xt(t){const e=It[t];At=t!==T,Object.keys(e).forEach(function(t){K[t]=e[t]}),At?lt.add(g):lt.remove(g),_===t?lt.add(h):lt.remove(h),L===t?lt.add(p):lt.remove(p),Kt(At)}function Ft(){function n(t,e,n){if(Gt(t),Et=e,t&&e)n();else if(Yt(0),Xt(T),St&&(vt.style.height=""),!t)for(let t=0,e=it.length;t<e;t++)it[t].remove(m)}function o(t,e,n){let o;const i=e.style,r=i[n];return i[n]="",o=U(t,!0),i[n]=r,o}function i(t,e){function n(t,e){let n=[];for(let o=0,i=t.length;o<i;o++)n[o]=R(t[o],e);return Math.max.apply(null,n)}function o(t,e){const n=t.length-1,o=2*e;if(n>0)for(let e=0;e<n;e++)for(let n=0;n<2;n++)if(R(t[e],I[n+o])>0)return t.slice(0,e+1);return t}const i=n(o(t,0),A[0]),r=n(o(e,1),A[1]);return 0===i\|\|0===r?0:Math.min(i,r)}const r=t.innerHeight,s=r-e.documentElement.clientHeight,l=Math.max(U(e.getElementById("wrapper")),U(rt));ft=Math.max(e.documentElement.scrollHeight-r,0),mt=0;for(let t=0,e=ct.length;t<e;t++)mt+=B(ct[t]).position===_?U(ct[t]):0;gt=mt+MARGIN_TOP,pt=Ct.getBoundingClientRect().left+t.pageXOffset;const c=lt.contains(g);c\|\|lt.add(g);const a=G(k,I)+G(w,I.concat(A)),f=tt?U(tt,!0)+i([w],[tt]):0;if(Tt=r-s-gt-MARGIN_BOTTOM-a-f,MAX_HEIGHT){const t=MAX_HEIGHT-a-f;Tt>t&&(Tt=t)}lt.remove(g);for(let t=0,e=W.length;t<e;t++)yt[t]=P(W[t])-mt;if(K.width=B(Ct).width,Rt(-1),MATCH_MEDIA?t.matchMedia(MEDIA_QUERY_SIDEBAR).matches:"none"!==B(st).cssFloat)if(o(st,vt,"height")>l){if(n(!PAUSE_MAIN_SMALL,!1),PAUSE_MAIN_SMALL)return}else n(!0,!0,function(){Kt(At),Yt(-1),Lt=0;const t=U(Q),n=function(t,e,n){let o=[];const i=t.classList,r=n.filter(function(t){return i.contains(t)});return r.forEach(function(t){i.remove(t)}),e.forEach(function(e){o.push(R(t,e))}),r.forEach(function(t){i.add(t)}),o}(k,["marginTop","marginLeft"],[g,h,p]),s=n[0],l=n[1];pt-=l,St&&(vt.style.height=N(t)),ut=P(Ct)-mt+s+ADJUST_FIXED,Ot&&(ut-=i(tt?[k,tt]:[k],[Ot,Ot.children[1]])),Nt?ut-=MARGIN_TOP:At&&(ut+=o(k,D,"maxHeight"));const c=Math.min(r-gt,U(k));dt=P(Q)+t-c-gt,ht=Ct.offsetParent!==e.body?P(Ct.offsetParent):0,It[_].top=N(gt-s),It[L].top=N(dt-ht+gt-s)});else if(n(!PAUSE_NO_SIDEBAR,!1),PAUSE_NO_SIDEBAR)return;c&&lt.add(g),jt()}function jt(){const e=t.pageYOffset,n=t.pageXOffset;if(dt<e?Ut(2)&&(Xt(L),Lt=0):ut<e?Ut(1,function(t){Nt\|\|0!==t\|\|lt.add(u),Xt(_)}):Ut(0)&&Xt(T),St\|\|1!==Pt()\|\|n===Lt\|\|(K.left=N(pt-n),Lt=n),e<=yt[0]-CURRENT_MARGIN)Rt(0);else if(ft-e<=CURRENT_MARGIN)Rt(at);else for(let t=at;t>=0;t--)if(e>yt[t]-CURRENT_MARGIN){Rt(t);break}}DELAY_GET_DOM?kt():x(kt)}function x(e){t.addEventListener("DOMContentLoaded",function(){setTimeout(e,DELAY_TIME_DOM)},!1)}DELAY_GET_DOM?x(k):k();}());
	</script>