swellによるjavascriptの追加方法について

SWELLでのjavascriptを記入する場合には以下の記載が必要になる。

外観➔カスタマイズ➔追加CSSにコードを記入します。

続いて、コードのはじめにbodyを記入する

(例)

@media screen and (max-width: 899px) {
body { /*ここでjavascriptの呼び出しを行う*/
padding-bottom: 60px; /* 固定メニューの高さに合わせて余白を設定 */ 
.p-fixBtnWrap {
bottom: 4.8em; /*上に戻るボタンの位置を上に */
	}
.fixed-banner {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 99;
background-color: #fff;
padding: .3em .3em;
transition: opacity 0.3s ease;
	}
.fixed-banner.hidden {
  opacity: 0;
  pointer-events: none;
	}
}
}
@media screen and (min-width: 899px) {
.fixed-banner{
display: none; /*PCでは非表示にする */
	}	

これによって高度な設定で記載されたjavascriptを反映させることができると思う。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!