ざこノート

Material Design Lite

2018-05-25 [Material Design Lite]

[Material Design Lite] 固定ヘッダーで下スクロールしてもスマホChromeのアドレスバーが隠れない

MDL の Fixed header を使用すると、AndroidのChromeで下スクロールしてもアドレスバーが非表示にならない。CSSを追加定義して対応します。

2018-05-20 [js]

[js] Zooming 画像クリックで拡大表示する 親要素のz-indexに注意

依存性がなく軽量(約12KB)なZooming.jsを使用します。Material Design Liteを使用したサイトに適用したところ、ズームした画像が見えなかったため、z-indexを切り替えて対応しました。