エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ある位置までスクロールしたら固定されるメニューを作成する | まくまくHTML/CSSノート
ページをスクロールしたときに、メニュー(サイドバー)のスクロールを画面上端あたりまでに制限する方... ページをスクロールしたときに、メニュー(サイドバー)のスクロールを画面上端あたりまでに制限する方法には、CSS の sticky position を使う方法や、JavaScript を使用する方法があります。 position: sticky を使ってサイドバーのスクロールを抑制する方法 下記のデモページをスクロールすると、最初はメニュー(サイドバー部分)も一緒にスクロールしますが、ある位置を超えるとメニュー位置が固定されます。 このやり方は、ページ上部のヘッダに大きなアイキャッチ画像などを入れているサイトなどでたまに見かけます。 デモ(別ウィンドウで開く) CSS の Sticky positioning に対応したブラウザであれば、次のようにして要素のスクロールを簡単に制限することができます。 .yourElement { position: -webkit-sticky; /* f
2019/12/13 リンク