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

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

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

html - jquery で setInterval を使用して歯車をループでスクロールさせる

現在作成しているアニメーションは、マウスがホバーしているときにスクロール イベントがトリガーされるもので、ページが読み込まれた後に歯車が展開され、一定期間後に再び元に戻るというものです。時間の。右スクロール、左スクロールどちらも実現できるのですが、jqueryで「一定時間経過後+ロールアウトしてロールバック…」の書き方が分かりません。

習慣沉默 2017-05-16 13:25:04 0  3  808

javascript - jqueryリアルイベント、ページが各DIVの先頭までスクロールすると、イベントを実行します

jqueryリアルイベント、ページが各DIVの先頭までスクロールすると、イベントを実行します

我想大声告诉你 2017-05-18 10:50:45 0  1  588

javascript - limarquee.js の無限ループ スクロールはメモリ リークを引き起こしますか?

デモアドレス http://www.dowebok.com/demo/188/ 1 分以上追跡したところ、メモリ使用量が急激に増加していることがわかりましたが、これはメモリ リークを意味しますか?また、お聞きしたいのですが、メモリリークを起こさない無限ループスクロールはありますか？

phpcn_u1582 2017-05-19 10:28:55 0  1  529

Vuejs v-for は無限スクロールで非常に遅れます

新しいオブジェクトデータを追加すると、すでにレンダリングされている場合でもv-forがすべてのオブジェクトを再レンダリングするという奇妙なvuejs効果があります。 Facebookのような無限スクロールを実装しています。コード このコードを説明するには、firebase から新しいデータを取得し、そのデータが画面の一番下に到達したら、それをデータ オブジェクトにプッシュします varvueApp=newVue({el:'#root',data:{postList:[], isokaytoLoad: false、isRoomPostE

P粉301523298 2023-12-28 18:00:08 0  1  377

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

ページのサイズを変更すると、要素がビューポートの上にオーバーフローし、上にスクロールして表示できなくなります。解決策のある質問を見つけましたが、うまくいきませんでした。 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  581

JavaScript - JS マウスホイールイベントの問題を解決する方法

jqueryを使用する場合、本体の高さに関係なくマウスホイールをトリガーできます（次のアドレスの結果の下でホイールをスクロールしてください） https://jsfiddle.net/shannon9/37fj5Lbs/embedded/ ネイティブjsを使用する場合、車体の高さの設定（ローリングが現れる...）

PHP中文网 2017-05-19 10:09:15 0  1  384

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

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

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

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

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

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

JavaScript - 無限の遅延読み込みに反応する

ページがスクロールするときに、react.js を使用して、プラグインなしで無限の遅延読み込みを実現します。

黄舟 2017-06-15 09:22:36 0  2  795

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

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

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

Ionic 6 の Ionic モード内のスクロールバーのスタイル設定: ステップバイステップ ガイド

ion-modal には、コンテンツがオーバーフローした場合に表示されるデフォルトのスクロールバーがあります。スクロールバーのスタイルを変更したい。 ::-webkit-scrollbar、::-webkit-scrollbar-track、および ::-webkit-scrollbar-thumb を使用してアプリ内のスクロールバーのスタイルを設定できますが、モーダルでは機能しないようです。これらの要素をモーダル内の複数のコンポーネント、たとえば ion-content::-webkit-scrollbar に適用しようとしましたが、適用されません

P粉547362845 2024-01-04 20:51:07 0  1  463

スクロール操作前に条件を追加する方法

fullpage.js ライブラリの使用に問題があります。モーダルを開いたときに画面がスクロールしないようにする必要があります。次のコードで、onLeave、afterLoad、jQuery を使用してスクロールを無効にしてみました: $(document).ready(function(){$(window).bind("wheel",function(e){if(document.getElementsByClassName("modal)

P粉738046172 2023-09-06 00:00:45 0  1  487

javascript - [React Native] タブ内の各 ListView のスクロール バーを維持するにはどうすればよいですか?

問題は解決されました。CSS スタイルの問題でした。 。 。 。 jsとは関係ありません。 。 。タブにリストビューを含めましたが、タブを切り替えると、リストビューのスクロール バーがすべて同じ位置になります。 。 。つまり、最初のタブで 100 ピクセルスクロールし、2 番目のタブに切り替えました (同様に 100 ピクセル)。

伊谢尔伦 2017-06-26 10:58:55 0  1  1086

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

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

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

ページ ナビゲーション中にスクロールを維持することは、常に望ましくない機能です。

Breezeを使用した標準のlaravel + inertia + vue3セットアップがあり、Inertiaのドキュメントに記載されているように、ページ間のナビゲーションはブラウザのデフォルトの動作を模倣し、ページが読み込まれるときにスクロールをトップにリセットする必要があります。しかし、私の場合はそうではありません。私のリンクにはpreserveScroll:trueがありませんが、とにかくこれが発生します。コンポーネントの読み込み時に vuejsonMounted() フックを使用して先頭にスクロールしようとしましたが、ページはすぐに前のページの先頭から最後のスクロール位置までスクロール...

P粉166675898 2024-01-02 16:00:21 0  2  538

jsでマウスホイールイベントを監視し、現在実行中のメソッドから抜け出す方法についてアドバイスをお願いします。

親愛なる友人へ: jquery の animate メソッドを使用する js コードがあります。このコードの実行中にマウス ホイールの動きを監視する必要があります。マウス ホイールの動きがあった場合は、animate メソッドを終了してください。教えてください。コードの書き方を教えてください。添付ファイル: window.onload = function () { setTimeout(autorollup,3000);

天空翱翔 2021-10-28 09:20:05 0  4  1004

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

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

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

JSでmargintopを修正して無限スライドを引き起こす方法についてアドバイスをお願いします。

それが起こったのです:。 。 。 。 Web ページを作成しましたが、Web ページの下半分は読み込み後に自動的に上に移動するまで 3 秒待つ必要があるため、Jquery の animate メソッドを使用しました: $("#part2").animate({marginTop: "-=800px " }, 8000); Rango、この方法を使用した後、マウス ホイールを削除できないことがわかりました。そこで、JS コードを使用してホイールの動きを監視しました。

天空翱翔 2021-10-28 09:20:51 0  2  874

ページのリロード後もサイドバーメニューで選択した項目を上部に維持する方法

スクロールするサイドバーメニューがあります。したがって、メニュー項目を選択すると、サイドバーの上部に表示されるはずです。アクティブなメニューの設定に問題はありません。わかった。ただし、サイドバーの上部の位置を設定できません。 jQuery は推奨しないでください。代わりに、プレーンな JavaScript を使用することを提案されました。ここにコードリファレンスがあります。.sidebar{height:100pxoverflow-y:scroll;}.sidebarulli{padding:30px;}<!--CSS--><

P粉955063662 2024-02-17 14:49:08 0  1  332