【Shopifyスマホ表示】ドロップダウンメニューでのページ内リンク、リンクタップでメニューを閉じる方法は？

[e-charity]

自分でスクリプト書き直せば何とかなると思いつつ、能力低く時間が掛かりそうなので教えてください。。

Riseのテーマを使っていまして、メニュー設定でTOPページにおいてページ内リンクをさせています。

ページ内リンク自体は簡単に、カスタマイズページで「カスタマイズされたLiquid」を差し込んで「<div id="〇〇〇">」を入れてジャンプ先を作ってます。

ですが、スマホ表示のドロップダウンメニューになった際に同一ページ内リンクだとタップしてもメニュー表示が消えないことに困っています。

メニューの「×」ボタンを押せば、ページ自体は既に指定箇所にジャンプ済みです。

スマホでドロップダウンメニュー表示の時に、リンクタップでメニューが閉じるコードと、どこに追記or書き換えれば良いかお分かりの方がいらっしゃったら教えてください。

[Jizo_Inagaki]

あまりお勧めはしませんが、おそらく以下のような方法でも対応できるのではと思います。

• 該当のページ内リンクにクリックをトリガーにしたイベントを作成し、クリックを検知したら、メニューを閉じるボタンに対しclickメソッドを実行する

参考:

https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/click

以上ですが、試作したわけではないので動かない場合は申し訳ありません。

[e-charity]

ご回答ありがとうございます！

結果的にはご紹介頂いた方法で解決することが（私の能力的に）出来なかったのですが、サイトの仕様が変更になり対処しなくて済みました。。汗