React モードで垂直スクロールできない

React プロジェクトでモーダルを表示しようとしています。モーダルが表示されているときは、useEffect によって本文のオーバーフローを非表示に設定します (そうでない場合は、モーダルの下にメイン コンテンツのスクロールバーが表示されます)。背景コンテンツのスクロールを防ぐには完璧に機能しますが、問題はモーダルでもスクロールできないことです。メインページのコードは次のとおりです: importReact,{useState}from"react";import{render}from"react-dom";imp

P粉760675452 2023-09-16 11:18:16 0  1  1076

javascript - スクロール バーがホバー ポップアップ レイヤーを覆っていますか?

スクロールバーを追加すると、右側のポップアップレイヤーにスクロールバーが隠れて見えなくなりますが、スクロールバーを削除すると内容が見えるようになります。この問題はどのように解決すべきでしょうか? （ポップアップできない） （ポップアップレイヤーは見えます） 解決方法を教えてください スクロールバーを追加しなければならないのですが、追加してもポップアップが表示されません 解決方法を教えてください。 。

曾经蜡笔没有小新 2017-05-19 10:47:52 0  4  797

スクロール進行アニメーション

スクロールの進行状況をアニメーション化する方法を知る必要があります。これは通常のスクロールの進行状況ではなく、何かが異なります。 Web サイトへのリンクと、探しているアニメーションが含まれる特定の部分のスクリーンショットを提供します。 https://todoist.com/これはウェブサイトへのリンクです。ウェブサイトのホームページの特定のセクションのスクリーンショットを添付しました。ページがスクロールされると、セクション内でスクロールが発生し、セクション自体もスクロールします。スクロールのそのセクションが完了したら、通常どおりスクロールを続けます。プログレスバーのスクロールに関するチュー...

P粉821808309 2024-03-29 19:36:49 0  1  404

ブロックをまたぐときにスクロールラインがスクロールしないようにする

3 つのブロックがあり、2 番目のブロックには線とスクロールする円があります。円はメインスクロールに合わせてスクロールし、スクロールが停止すると、円は最も近い点、つまり各ブロックの中心にくっつきますが、メインスクロールが2番目のブロックを通過するときに、円が表示されるという問題に直面しています。停止します。スクロールすると、ページ上で正しく動作しません。メイン スクロールがブロック 2 を通過するときに、円が自動的に最後のケースに固定され、スクロールが完全に停止するようにスクリプトを完成させることはできますか?したがって、戻ってブロック 2 を横切ると、再び機能するはずです。一般的に言えば、問...

P粉038856725 2024-03-29 23:23:06 0  1  362

高さ 100vh では垂直スクロールバーが表示されます

高さ 100vh で問題が発生し、垂直スクロールバーが表示されます。外部コンテンツを高さ 100vh のウィジェットホルダーディビジョン内に埋め込みます。しかし、ウィジェットホルダーのコンテンツは親 div を超えており、垂直スクロールバーが表示されます。固定ヘッダーを削除すると、垂直スクロールバーが表示されなくなります。しかし、これを削除することはできません。 widget-holderdiv の高さを減らすと、一部のコンテンツが表示されなくなります。なので身長は下げられません。ウィジェットホルダーのコンテンツを親の高さと正確に一致させるための解決策が必要です。 html

P粉378264633 2024-03-27 23:06:05 0  1  493

React アプリのスクロール動作に影響を与えずに、モバイル デバイスまたはエミュレーターでスクロールバーを非表示にする方法は?

モバイルでは、アプリ全体でスクロールバーを完全に非表示にしたいのですが、ユーザーがスクロールできるようにする必要があります。 CSS スクロールバー、スクロールバー-サム、スクロールバー-サム:ホバー、スクロールバー-トラックを使用してスクロールバーを非表示にしようとしましたが、ブラウザーでは機能しますが、モバイルデバイスでは機能しません。

P粉208286791 2023-08-17 15:35:56 0  1  608

スクロール ホイールを使用するときにスムーズなスクロール アニメーションを実現する方法はありますか?

ページをスクロールするときに、スクロールホイールを使用したときの「飛び跳ねる」方法ではなく、スムーズに移動するようにしようとしています。私がこれに関連して見たソースのほとんどは、react-scroll が提供するもののように、ボタンまたはリンクをクリックしたときのスムーズなスクロールを伴いますが、私は特にホイール スクロールのスムーズな効果を実現したいと考えています。 MaterialUI テーマを通じてこれを実現する方法はありますか、それともこれに役立つ React パッケージはありますか?

P粉118698740 2023-08-16 16:40:27 0  1  598

「オーバーフロー コンテナーのフレックス項目の先頭までスクロールできません」のタイトルは次のように書き換えられます:「オーバーフロー コンテナーのフレックス項目の先頭までスクロールできません」

フレックスボックスを使用して便利なモーダルを作成しようとしているときに、ブラウザの問題と思われる問題に遭遇し、既知の修正または回避策があるかどうか、または修正方法に関するアイデアがあるかどうか疑問に思っていました。私が解決しようとしている問題には 2 つの側面があります。まず、モーダル ウィンドウを垂直方向に中央揃えにすることは期待どおりに機能します。 2 つ目は、外部スクロールを使用してモーダル ウィンドウをスクロールさせることです。これにより、モーダル ウィンドウ内のコンテンツではなく、モーダル ウィンドウ全体がスクロールします (この方法では、モーダルの範囲を超えて拡張できるドロップダウ...

P粉854119263 2023-08-22 14:58:06 0  2  488

JavaScript - ドロップロード + タブ ページ、グラフィック ページとテキスト ページをスクロールするときに 2 つのスクロール領域を分割するにはどうすればよいですか?

このような 2 つのスクロール バーを分割するにはどうすればよいですか? 1 つだけを表示したいのですが、現在、スクロール バーは外側のスクロール バー内でスライドしてスクロールしています。内側のスクロール バーをタッチすると、内側のスクロール バーの領域だけが移動します。上部のバナー領域は移動しません。

伊谢尔伦 2017-06-08 11:03:15 0  1  867

divの一番下までスクロールするにはどうすればよいですか?

Ajax リクエストを使用してチャット機能を作成していますが、メッセージの div を自動的に一番下までスクロールさせようとしていますが、成功しません。この div ですべてのコンテンツをラップします: #scroll{height:400px;overflow:scroll;} JS を使用してデフォルトで一番下までスクロールさせる方法はありますか? Ajaxリクエストの後、一番下までスクロールし続ける方法はありますか?

P粉269530053 2023-08-20 12:38:02 0  2  579

Vue の水平スクロール

マウスでアイコンを横にスクロールしたいです。 JavascriptのscrollLeftで試してみましたが、スクロールしても値は変わりません。スクロールすると、deltaY 値のみが 100 と -100 の間で変化します。どこに問題があるか知っている人はいますか?スクロールしてスクロールバーをマウスオーバーすると機能しますが、divコンテナ全体で機能したいと考えています。また、可能であれば依存関係/npm-librariesなしでこれを実行したいと考えています。テンプレート<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27 0  2  492

javascript - vue-router ルートを切り替えるときのスクロール バーの問題

1. vue-routerのscrollBehaviorに出力されるsavedPositionは常にObject {x: 0, y: 0}となる 2. keep-aliveを使用してもスクロールバーの位置は記録できず、自動的に先頭に移動してしまうルート切り替え時 3. window.scrollTo でもジャンプできない

怪我咯 2017-06-12 09:22:13 0  2  1098

ページ上の要素のオーバーフロー部分までスクロールできません

ページのサイズを変更すると、要素がビューポートの上にオーバーフローし、上にスクロールして表示できなくなります。解決策のある質問を見つけましたが、うまくいきませんでした。 2 つの「コア」非表示 div と、すべてのコンテンツを含む 1 つの div 要素があります。 「container」div が存在するのは、この問題を解決しようとしているためです。 .container{位置:固定;上:0;左:0;幅:100%;高さ:100%;Z-インデックス:500;}.main-co

P粉041881924 2023-08-30 21:41:10 0  2  594

フッターで購読すると自動的に一番下までスクロールします

フッターでフォームを送信すると、別のページにリダイレクトされますが、自動的にフッターに srcolls が表示されます。スクロールしないようにしたいのですが、方法はありますか? window.scrollToTop を使用しようとしましたが、機能しません。それでも下にスクロールしてから上にスクロールします

P粉550823577 2023-09-15 10:03:57 0  1  476

mysqlが起動できない

始められない

梦岑 2021-06-24 18:44:13 0  2  1115

外側の div スクロールを無効にし、内側の div が一番下に達したら再度有効にします

複数の垂直方向に配置された div を持つ Web ページを作成しています。これが私のコンセプトです。スクロールバーが最初の div の一番下に到達すると、外側のスクロールバーが無効になり、2 番目のスクロールバーが有効になります。外部を有効にするには、ユーザーは内側のスクロールバーの一番下に到達する必要があります。スクロールバー インターネットから名前と例を見つけようとしましたが、必要なものが見つかりません。そこで、私が考えていることを理解するのを手伝ってくれるボランティアを募集したいと思います。

P粉211273535 2024-03-30 12:33:42 0  1  492

JavaScript - スクロールのスクロールの問題

1. https://www.kayak.com.hk/holi... 主な効果はこのウェブサイトの効果です。スクロール バーをスライドすると、右側の div が下にスクロールし、それに応じて左側の div もスクロールします。ただし、左側の div が長すぎるため、上部を非表示にする必要があり、この効果が得られます。 ...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  946

mjml テーブルを水平スクロールで強化し、オーバーフローを追加する

mjml を使用して、テーブルを含む電子メール テンプレートを作成しています。また、ヘッダー名が非常に長いため、テーブルが横方向に大きくなりすぎます。青いコンテナ内を水平にスクロールさせたいのですが、実現できません。スクロール可能にするにはどうすればよいですか?これはmjmlのライブコードです

P粉464088437 2024-03-27 22:43:41 0  1  437

ページ全体をスクロールしながら React でコンテンツの内部スクロールを実装する方法

ページ全体がスクロールされたときに最初に子コンテンツをスクロールするロジックを React で作成したいと考えています。サブコンテンツが完全にスクロールされると、次のセクションに移動します。例: A、B、C の 3 つのセクションがあります。各セクションの高さは 100vh です。パート B には、B1、B2、B3、B4 の 4 つのサブパートが含まれており、これらもすべて高さ 100vh です。ページをスクロールする場合、セクション B までスクロールすると、そのサブセクションのスクロールが開始されます。サブセクションが完全にスクロールされると、スクロールはセクション C に移動します。GS...

P粉823268006 2023-09-06 18:19:42 0  1  525

css - div 内部スクロール、Androidにはスクロールバー（非本文スクロール）がないのですが、表示する方法はありますか？

{コード...} このようなコードですが、先頭と末尾が固定され、中央のコンテンツがスクロールされます。中央の高さを 100% にして先頭と末尾を固定すると、先頭にスクロール バーが表示されます。そして尾​​、これは許可されていません（おい）。したがって、この場合、-webkit-overflow-scrolling: touch; を見つける前に、

PHP中文网 2017-05-16 13:22:11 0  1  728