タグ:CSS

CSS

position: sticky; を使ってスクロールに追随する固定要素を作る

CSSでスクロールに追随して位置を固定させたい スクロールしてもある位置で固定され続けるような要素を実現するためのCSS、position: sticky; の使い方についてまとめます。 例えば画面上部で固定表示されるヘッダーや、画面をスクロールして画面上部まで来た時点で固定されるようなサイドメニューなどです。jQueryなどを使って実現できますが、新しいCSSの position: sticky […]

  • 2017.01.25
  • ,

[CSS] attr(data) で fontawesome を使う

Font Awesome を CSS 上から attr() で指定する方法 例えばボタンにフォントを付けるために次のようなコードを書けます。 <style> #TestBtn1:before { font-family: FontAwesome; content: '\f06e'; } </style> <button id="TestBtn […]