-
投稿者投稿
-
2019年7月21日 2:52 AM #22243
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】v7.5.1
【お使いの Snow Monkey Blocks のバージョン】v4.3.1
【お使いのブラウザ】MacOS Mojave GoogleChrome
【当該サイトのURL】https://galette.cc/===
お世話になっております。
以前、下記のフォーラムでヘッダー部分のパララックスの適用記述がありましたが、こちらを My Snow Monkey に記述すると、ヘッダーはパララックスになるのですが、背景画像付きのセクションのパララックスが効かなくなってしまいます。
記述を削除すると背景画像付きのセクションのパララックスが動き出します。
お忙しいところ申し訳ございませんが、よろしくお願いいたします。
♥ 0いいねをした人: 居ません2019年7月22日 10:34 AM #22381どうもこれまで動いていたものが、babel か webpack のアップデートによっていつのまにかビルド結果が変わってしまったようで動かなくなってしまっているようです。
ちょっとこれから Snow Monkey、Snow Monkey Blocks の修正&アップデートを行おうと思います。ご迷惑おかけして申し訳ございません。できたらまた書き込みます!
♥ 0いいねをした人: 居ません2019年7月22日 11:16 AM #22395あ、上記の書き込み、もしかしたら僕の勘違いかも…です。
My Snow Monkey に記述するときに、
wp_enqueue_scripts
部分のコードは記述せずに、それ以外の部分だけ記述するとどうなりますでしょうか? 下記を My Snow Monkey に貼り付けてみてください。/** * ページヘッダーにパララックスエフェクトを反映 * * @param string $html * @param string $slug * @return string */ add_filter( 'inc2734_view_controller_template_part_render', function( $html, $slug ) { if ( 'template-parts/common/page-header' !== $slug ) { return $html; } $html = str_replace( 'class="c-page-header"', 'class="c-page-header js-bg-parallax"', $html ); $html = str_replace( 'class="c-page-header__bgimage"', 'class="c-page-header__bgimage js-bg-parallax__bgimage"', $html ); $html = str_replace( 'class="c-container"', 'class="c-container js-bg-parallax__content"', $html ); return $html; }, 10, 2 );
これでページヘッダーもセクションもどちらもパララックスにならないですかね?
♥ 0いいねをした人: 居ません2019年7月22日 11:55 AM #22403なりました!
ありがとうございます!エフェクト的にも、以前の強めのパララックスになってわかりやすくなりました!
♥ 0いいねをした人: 居ません2019年7月22日 11:58 AM #22404良かったです!確認ありがとうございます。
ちょっとよく理屈がわからないのですが、Snow Monkey Blocks 側でもパララックス用ライブラリの読み込み指定をしているので、My Snow Monkey 側にも読み込み指定があると二重指定になってなにかおかしくなるのかもしれません。
解決済みということで、トピック閉じます!
♥ 0いいねをした人: 居ません2019年11月1日 1:30 PM #32958最新版はこちらを参照
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「以前のフォーラムの方法を使用しても、パララックス効果がうまく反映されない」には新しい返信をつけることはできません。