質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

2234閲覧

Railsで画面がスクロールできない

ckr

総合スコア23

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2020/07/06 12:51

###状況

Ruby on Railsを用いてローカル環境でアプリを作成しているのですが、
急に作成中のアプリがスクロールできなくなってしまうという現象が起きています。

他のウェブページは問題なく表示されるのですが、作成中のアプリだけ
なぜか画面が固まっており、スクロールできません。。
(リンクでのページ遷移などは問題なく行えています)

chromeを使用しているので試しにブラウザを変えても、表示は変わりませんでした。

JavaScriptで作ったモーダルが表示されなくなっているので、
JavaScriptの読み込みに原因があるかもしれませんが、全く原因が特定できておりません。

###【試したこと】

#####キャッシュとクッキーの削除

#####コンソールでエラーが出ているか確認

添付のエラーは出ているものの、このエラーは以前から出ておりその際は問題なく
ローカルで動いていた為、直接の原因ではないと考えています

イメージ説明

モーダルも、添付のように画面が暗くなり、クリックできない状況になっています

#####development.logを確認しましたが、
200OKが出ていました(実際はブラウザに想定通りのコードの画面が表示されていない)

ruby:development.log

1 2Started GET "/users/1" for ::1 at 2020-07-06 21:45:02 +0900 3 (3.8ms) SET @@SESSION.sql_mode = CONCAT(CONCAT(@@sql_mode, ',STRICT_ALL_TABLES'), ',NO_AUTO_VALUE_ON_ZERO'), @@SESSION.sql_auto_is_null = 0, @@SESSION.wait_timeout = 2147483 4 ↳ vendor/bundle/ruby/2.5.0/gems/activerecord-5.2.4.3/lib/active_record/log_subscriber.rb:98 5Processing by UsersController#show as HTML 6 Parameters: {"id"=>"1"} 7 User Load (2.9ms) SELECT `users`.* FROM `users` WHERE `users`.`id` = 1 LIMIT 1 8 ↳ app/controllers/users_controller.rb:7 9 Rendering users/show.html.erb within layouts/application 10 User Load (0.6ms) SELECT `users`.* FROM `users` WHERE `users`.`id` = 1 ORDER BY `users`.`id` ASC LIMIT 1 11 ↳ app/views/users/show.html.erb:28 12 Rendered users/show.html.erb within layouts/application (19.1ms) 13 Rendered partial/_navbar.html.erb (2.0ms) 14 Rendered partial/_footer.html.erb (2.2ms) 15Completed 200 OK in 644ms (Views: 623.2ms | ActiveRecord: 3.5ms) 16 17 18Started GET "/" for ::1 at 2020-07-06 21:45:03 +0900 19Processing by PagesController#home as HTML 20 Rendering pages/home.html.erb within layouts/application 21 User Load (0.3ms) SELECT `users`.* FROM `users` WHERE `users`.`id` = 1 ORDER BY `users`.`id` ASC LIMIT 1 22 ↳ app/views/pages/home.html.erb:99 23 Rendered pages/home.html.erb within layouts/application (29.7ms) 24 Rendered partial/_navbar.html.erb (1.7ms) 25 Rendered partial/_footer.html.erb (1.3ms) 26Completed 200 OK in 293ms (Views: 287.3ms | ActiveRecord: 0.3ms) 27

直近で、別の開発の為にnodeとnode-sassをローカル環境にインストールしているので、
それが原因なのでしょうか。。

もし原因について何かおわかりの方がいらっしゃいましたら、教えていただけますと有難いです。
わかりづらく大変申し訳ございませんが、何卒宜しくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

こちら事故解決できましたので、
現任を記載いたします。

原因としては、全てのページに表示されているナビゲーションバーの
閉じタグが足りなかったことからエラーが起きていました。。

こちら修正したところ問題なく動きました。

投稿2020/07/11 03:14

ckr

総合スコア23

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

modalらしきものがpopupしてますが、それを消してもだめですか?

投稿2020/07/07 09:34

winterboum

総合スコア23284

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ckr

2020/07/07 09:46

ご回答頂き誠に有難うございます! この出てくるモーダルが機能しておらず、クリックしても何も反応しない状況です。 リロードするとモーダルが消えますが 画面は変わらずスクロールできません。 (以前はプロフィールを編集するなど、項目に遷移できたのですが。。)
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問