BOOK Studio947
狩野祐東・狩野さやか著書

ドロワーの開き状態について

書籍Q&Aドロワーの開き状態について
deku asked 3年 ago

初めて質問させて頂きます。
先日Kindleにて、確かな力が身につくJavaScript第二版
購入させて頂きました。
6-02、ドロワーを作ってみようの章で
ステップ2(p273)メニューを開いた状態を作るという段階で
ドロワーメニューが右から出て、ページ全体が
左へズレるようにしたいのですが、ページがズレないまま
メニューが出る為、ハンバーガーメニューが隠れた状態になります。
コードを何度見直しても入力ミスは無いように思えるのですが、何か考えられる原因はありますか?

ご教示頂けると幸いです。
よろしくお願いします。

1 Answers
狩野 祐東 Staff answered 3年 ago

お返事遅くなりました。
ソースコードがわからないのではっきりしたことはいえませんが、直すためには原因を切り分ける必要があります。
まず、JavaScriptをコメントアウトするなどして動かないようにして、p.264の状態になるかどうかを確認してみてください。p.264の状態にならないのであれば、HTMLかCSSのどちらかに問題があります。
p.264の状態になるのであれば、JavaScriptに問題がある可能性が高いです。
どちらの場合も、ダウンロードできるサンプルデータと、ご自分で作成したデータの違いをチェックしてみてください。目視では難しいかもしれないので、差分を取れる(ファイルAとファイルBの違いを調べてくれる)アプリケーションを使ってみることをおすすめします。VSCodeを使うのが手軽だと思います。