お知らせバーをページ内リンクにしてスムーススクロールできるようにしたいです。

0
いいねをした人: 居ません
  • このトピックには2件の返信、2人の参加者があり、最後にm-szkにより1年、 7ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #80030
    m-szk
    閲覧者
    24

    【お使いの Snow Monkey のバージョン】14.3.5
    【お使いの Snow Monkey Blocks のバージョン】11.4.1
    【お使いの Snow Monkey Editor のバージョン】5.0.6
    【お使いのブラウザ】Chrome

    ### 実現したいこと

    お知らせバーをページ内リンクにしてスムーススクロールできるようにしたいです。

    ### 発生している問題

    お知らせバーにクラス名「u-smooth-scroll」を入れて
    スムーススクロールにする方法はありますか。
    または他の方法はありますか。

    ### 試したこと

    お知らせバーリンク URL にアンカーリンクを入れました。

    0
    いいねをした人: 居ません
    #80040
    Olein_jp
    参加者
    496

    お知らせバーの <a> タグのclass名に .u-smooth-scroll を付けるにはフィルターフックで置換する方法が良いかなと思います。

    スクロールのテストはしていませんが、クラスを追加するだけであれば、これでできると思います。

    >add_action(
    	'snow_monkey_template_part_render_template-parts/common/infobar',
    	function( $html ) {
    		$html = str_replace(
    			'p-infobar__inner',
    			'p-infobar__inner u-smooth-scroll',
    			$html
    		);
    		return $html;
    	},
    	10,
    	3
    );

    お試しください。

    3
    いいねをした人:
    #80048
    m-szk
    閲覧者
    24

    Olein_jp 様

    できました!

    ありがとうございます!

    今後フィルターフック活用していきます。

    2
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「お知らせバーをページ内リンクにしてスムーススクロールできるようにしたいです。」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ