- このトピックには5件の返信、2人の参加者があり、最後に
により5年前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】v7.5.1
【お使いの Snow Monkey Blocks のバージョン】v4.3.1
【お使いのブラウザ】MacOS Mojave GoogleChrome
【当該サイトのURL】https://galette.cc/===
お世話になっております。
以前、下記のフォーラムでヘッダー部分のパララックスの適用記述がありましたが、こちらを My Snow Monkey に記述すると、ヘッダーはパララックスになるのですが、背景画像付きのセクションのパララックスが効かなくなってしまいます。
記述を削除すると背景画像付きのセクションのパララックスが動き出します。
お忙しいところ申し訳ございませんが、よろしくお願いいたします。
いいねをした人: 居ませんどうもこれまで動いていたものが、babel か webpack のアップデートによっていつのまにかビルド結果が変わってしまったようで動かなくなってしまっているようです。
ちょっとこれから Snow Monkey、Snow Monkey Blocks の修正＆アップデートを行おうと思います。ご迷惑おかけして申し訳ございません。できたらまた書き込みます！
いいねをした人: 居ませんあ、上記の書き込み、もしかしたら僕の勘違いかも…です。
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 );これでページヘッダーもセクションもどちらもパララックスにならないですかね？
いいねをした人: 居ません良かったです！確認ありがとうございます。
ちょっとよく理屈がわからないのですが、Snow Monkey Blocks 側でもパララックス用ライブラリの読み込み指定をしているので、My Snow Monkey 側にも読み込み指定があると二重指定になってなにかおかしくなるのかもしれません。
解決済みということで、トピック閉じます！
いいねをした人: 居ません
- トピック「以前のフォーラムの方法を使用しても、パララックス効果がうまく反映されない」には新しい返信をつけることはできません。