ヘッダー ナビゲーションをスクロール時に ページの最上部(トップ)に固定する方法

ナビゲーションをスクロール時に ページの最上部(トップ)に固定対応してないテンプレート向けのカスタマイズ方法

 

■グローバルCSSにタグを追加

 

 

テンプレート一番上の「ソース」を開きます。

下図の場所に、下記のタグを貼り付けます。

 

 

コピー用タグ

■上部固定のパーツを追加

 

 

ページをスクロールしても、ページの上部に固定されるようになります。

※編集作業に支障がないように、「配置設定」および「データ設定」モードでは、上部に固定されません。「プレビュー」モードにて確認することができます。

 

■上部固定でないパーツのカスタマイズ

上部に固定させたいパーツの「ソース」をクリックし、</style> の直下のタグのclassに「navbar-fixed-top」を追記します。

例:divタグの場合

 

例:navタグの場合

 

※一部対応できないパーツがあります。