習い事・勉強・学童お問い合わせハンバーガーメニューからページ内リンクへ遷移するテンプレート2018.09.04サイト制作webメモHOMEWeb関連サイト制作ハンバーガーメニューからページ内リンクへ遷移するテンプレート私自身のメモとしてウェブ系カテゴリも今後追加していきます。最近ページの少ないサイトはもちろん、LPでもハンバーガーメニュー内のリンク先がページ遷移ではなく、ページ内リンクへ遷移させる案件が個人的に重なりましたのでメモとして残しておこうと思います。ついでによく使うヘッダ固定とCSSのみで実装できるモーダル機能も追加しました。LPなんかでよく使います。DEMO今回のハンバーガーメニューはフルスクリーンにしました。実装は本当に簡単です。以下からデータをダウンロードします。<p>テキストが入ります。for="modal-trigger">テキスト</label>今回は2つ(複数)設置しました。2020.01.21さまざまな比率の画像を同じサイズにレイアウトする際に、長辺側を100%として縦横中央に配置するCSSを作成しました。2019.06.29動的な実装を行う際は、HTMLの改修やパーツの使い回しが良く発生しますので、できる限りHTMLは統一させておきたいものです。コメントをキャンセルメールアドレスが公開されることはありません。(20)プロフィール都内在住30代小学生と保育園児の子を持つワーママです。最近やっと保育園の二ヶ所送迎から解放され育児にも少しだけ余裕がもてるようになりました。