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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Router

Routerは、異なるネットワーク同士を相互に接続するための通信機器。インターネットでのデータを自動的に振り分け、一つのインターネット回線を複数のコンピュータで使用することが可能です。DHCPによりIPアドレスを自動的に割振りすることもできます。

SPA(Single-page Application)

SPA(Single-page Application)は、単一のWebページのみでコンテンツの切り替えができるWebアプリケーションもしくはWebサイトです。ブラウザでのページ遷移がないため、デスクトップアプリケーションのようなUXを提供します。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

461閲覧

React Routerを経由するとスクロールできなくなる

HALUO

総合スコア28

Router

Routerは、異なるネットワーク同士を相互に接続するための通信機器。インターネットでのデータを自動的に振り分け、一つのインターネット回線を複数のコンピュータで使用することが可能です。DHCPによりIPアドレスを自動的に割振りすることもできます。

SPA(Single-page Application)

SPA(Single-page Application)は、単一のWebページのみでコンテンツの切り替えができるWebアプリケーションもしくはWebサイトです。ブラウザでのページ遷移がないため、デスクトップアプリケーションのようなUXを提供します。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2022/01/21 03:41

編集2022/01/26 00:48

webpackで分割したファイル(lp.html)はコンテンツの最後までスクロールすることができるのですが、
React Router V6でルート設定すると画面が固定(微妙にピンチすることは可能)され、
画面から見切れている下のコンテンツまでたどり着けません。
LP以外のルート設定した他ファイルでも同様なので、おそらくReact Router部分なのだと思いますが、
エラーも出ていないため検討がつきません。

解決方法をご存知の方がおりましたら、ご教示願います。

Route.tsx const Lp = lazy(() => import("../pages/lp/App")); export const Router: FC = memo(() => { return ( <Suspense fallback={<div>全力表示中...</div>}> <LoginUserProvider> <Routes> **→ <Route path="lp" element={<Lp />} />** <Route path="public" element={<Public />} /> <Route path="login" element={<Login />} /> <Route path="signup" element={<SignUp />} /> <Route path="conf" element={<Conf />} /> <Route path="mypage" element={<PrivateRoute loginUser={true} children={<MyPage />} />} > {AuthRoutes.map((route) => ( <Route path={route.path} element={ <PrivateRoute loginUser={true} children={route.children} /> } /> ))} </Route> <Route path="*" element={<NotFound />} /> </Routes> </LoginUserProvider> </Suspense> ); });```

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

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

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

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

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

guest

回答1

0

自己解決

Global Styleで height: "100vh", と設定したいたことを失念していました。
削除で対応済。

投稿2022/01/30 12:38

HALUO

総合スコア28

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問