vektor-inc / x-t9

GNU General Public License v2.0
18 stars 1 forks source link

WordPress 標準の Sticky 対応 #201

Open kurudrive opened 1 year ago

kurudrive commented 1 year ago
  1. assets/style.scss の html,body { height:100%; } を削除
  2. テンプレート編集画面でヘッダーをグループブロックで囲って、貼り付けを指定

すれば使える。 CSSは現状以下にする。

/* 
ページの高さがない場合にフッターを下部につけるために assets/style.scss で 100% を指定しているので上書き。
今後テーマ側で 100%指定自体を削除する可能性があるのでそうなったらこの記述は不要 
*/
html,body {
height:auto !important;
}

問題点

html,body { height:100%; } はコンテンツ量が少ない時にもフッターを最下部に sticky するために指定しているので、この指定を削除すると下付きにならなくなる。

これを回避するためにコンテンツ量が少ない場合は js で制御するのか CSS で何か対策を検討する必要がある

https://vws.vektor-inc.co.jp/forums/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%9b%ba%e5%ae%9a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6-2#post-78784