0120-000-000
年中無休年中無休年中無休年中無休
ホーム
ドロップダウン
メニューメニューメニュー
メニュー
メニュー
メニュー
メニュー
メニュー
小さな端末でのみ表示させたいコンテンツがあればここに入れます。
メインコンテンツ
サブコンテンツ
ここにタイトルを入れます
ここに説明を入れます。サンプルテキスト。
ボタン
ここにタイトルを入れます
ここに説明を入れます。サンプルテキスト。
ボタン
ここにタイトルを入れます
ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。
ボタン
ここにタイトルを入れます
ここに説明を入れます。サンプルテキスト。
ここにタイトルを入れます
ここに説明を入れます。サンプルテキスト。
ここにタイトルを入れます
ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。
ここにタイトルを入れます
ここに説明を入れます。サンプルテキスト。
ここにタイトルを入れます
ここに説明を入れます。サンプルテキスト。
ここにタイトルを入れます
ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。
パーツ更新情報
2024/05/06 各種ファイルを最新版に入れ替え。
2024/04/03 スムーススクロールとpagetopを「バージョン2024-1」に更新。
解説
スライドショーなどのメイン画像がある場合はheader直下に入れた方がいい場合もあります。
画面幅が900px未満になると、メインメニューが開閉式(ハンバーガーメニュー)になります。ブレイクポイントを変更したい場合はjs/main.jsから「ここがブレイクポイント指定箇所です」という行を探して数字を変更して下さい。
コンテンツが増えると、スクロール中にpagetopのボタンが出現します。
捕捉:「frame_simple1」と「frame_simple2」はhtmlもcssも同じです。異なるのは、js/main.jsのブレイクポイントの数字だけです。数字を極端に大きくしておけば最初から開閉式のメニューになり、ブラウザ幅より小さめにしておけばその幅をブレイクポイントとして開閉式に切り替わります。