• 文字サイズ


解決済

同ページ内移動させたいドロワーメニューがうまく動きません

  • 相談者:非公開
  • 2020/02/06 11:14
お世話になっております。

同ページ内で移動させたいドロワーメニューの挙動がうまく制御できません。

ドロワーメニューにある各メニュークリックで、
同ページないの、idで指定した場所にスクロール移動させたいと思っていますが、
メニューをクリックしてもドロワーメニューが閉じなく、困っております。

chromeのデバッグ機能で、
lp-drawer.js ファイルの4行目にブレークポイントを設定すると、
目指している挙動、
ドロワーメニュー内のメニューをクリックすると、ドロワーメニューが閉じてスクロールしている
動きになります。

どのようにすれば上手く動くようになるのかご教示いただけますでしょうか。

サイトURLなどは、「投稿内容について報告する 」にてご連絡させていただきます。
どうぞよろしくお願いいたします。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2020/02/06 15:27
ECマスターズの山岡です。

lp-drawer.js を確認すると、
$('.drawer-nav a.move')

このように、a.move で………(省略)………
  • 返信者:非公開(質問者)
  • 2020/02/06 16:30
山岡様

記載が不足しており申し訳ございません。

chromeでソースの表示後、51行目が指摘いただいた部分に該当いただいた部分ですが、

44行………(省略)………
  • 返信者:非公開
  • 2020/02/06 17:53
ECマスターズの山岡です。

lp-drawer.js
の記述で、
$('.drawer-toggle').click(function(){});; ………(省略)………
  • 返信者:非公開(質問者)
  • 2020/02/07 09:18
山岡様

ご確認いただきありがとうございます。

;を1つ消してみましたが、挙動は変わりませんでした。
(ブレークダウンをつけるとドロワーメニューが閉………(省略)………
  • 返信者:非公開(質問者)
  • 2020/02/07 09:48
山岡様

すみません、補足です。

PCサイズだと、#care1 の部分が表示されないようになっているため、
テストサイトはスマホサイズでご確認をお願………(省略)………
  • 返信者:非公開
  • 2020/02/07 15:59
ECマスターズの田中です。

いただいたページを確認したところ、
lp-drawer.js では
$('.drawer-toggle')に対してクリック………(省略)………
  • 返信者:非公開(質問者)
  • 2020/02/07 16:19
田中様

ご回答ありがとうございます。
上手く動きました。
また、文法違反についてもご指摘いただきありがとうございます。………(省略)………
このフォーラムへの質問は終了しました