31651


QiitaのUIって見やすいですよね。Qiitaみたいなサイドバーというのは下記のような振る舞いを指します。

  * サイドバーに見出しが表示される。
  * サイドバーは一定以上スクロールしない。(本文をスクロールしてもサイドバーの見出しが維持される)
  * 本文に対応するサイドバーの見出しがハイライトされる。

JavascriptやHTMLは触りしか知らない程度なのですが、実現のために必要であろう要素のキーワードを教えていただけないでしょうか。


CC BY-SA 3.0
2017-01-05T14:27:59.417
31643
2017-02-11T06:19:50.937
2017-02-11T06:19:50.937
30
17238
question
javascript html hugo
HugoでQiitaみたいなサイドバーを実装したい


Hugoで実現したい場合は[こちら](https://gohugo.io/extras/toc/)を参照してみてください。デモは[こちら](http://gohugo.io/templates/content/)です。だいたい希望は満たしていると思うのですが、CSSでのスタイリングは必要ですね。

キーワードとして、位置固定はSticky。見出しはTOC（Table Of
Contents）です。全てオリジナルで実装するのもそれほど難しくないと思いますが、上記のキーワードで検索するとたくさん出てくるので利用できるものが見つかると思います。


CC BY-SA 3.0
2017-01-06T01:32:21.290
31651
2017-01-06T01:32:21.290
186
31643
answer