困った時の自分用メモ

読んだ本を考察してメモったり、自分でいじった物の感想をメモったりする場。週1更新を目指します。

HTML/CSSの話～画面上の表示物を固定する方法～

考察（技術） 一言シリーズ

よくHTMLページ画面の右下なんかに、「ページのトップに戻る」など、 常に画面に固定されて表示されるボタンがあったりする。 今回は、これの実装方法を調べて実践したので、そのメモ。

これは、CSSを使う必要がある。

#anim {
    position: fixed;
    bottom: 0;
    right: 0;
}

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="LayoutCss.css">
</head>
<body>
<div id="anim">
    <img src="anim.gif" width="50px" height="50px">
</div>
</body>
</html>

こんな感じで、対応可能だ。