css3 - スクロール バーが下にスライドしたときにページの各部分が表示される効果を実現するにはどうすればよいですか?

Web サイトを見ました。スクロール バーが下にスライドすると、ページのすべての部分に最初に読み込まれたときと同じ効果が表示されます。再度更新すると、これらの効果が再び表示されます。これはどのように行われますか? jqueryのロードで書かれているのでしょうか? このWebサイトのトップページ http://www.itxdl.cn/bra... に似ています。

漂亮男人 2017-06-05 11:10:23 0  2  1828

ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動いていないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

P粉946437474 2023-08-15 19:29:46 0  1  415

JavaScript - スクロール バーと clientHeight について

小さな妖精のスクロール バーが本当に煩わしいです。スクロール バーが占める場所については、次のようなブログを見つけました。実践した結果によると、次のことが当てはまります。スクロール バーはコンテンツの位置を占めていますが、表示されると、コンテンツの位置、エッジ表示。 （実際の効果では枠線の横に表示されます。枠線の上には…

天蓬老师 2017-05-19 10:47:31 0  1  685

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

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

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

オーバーフロー: スクロールすると、テーブルの非表示の列が表示されなくなります。何が悪かったのか？

私は、react-grid を既存の flask アプリケーションに統合しています。これを行うには、カスタム Webpack 構成を使用してアプリケーションをコンパイルする必要があります。反応コンポーネントを正常にレンダリングできますが、react-grid を使用して overflow:scroll を適用すると、テーブルの表示部分のみがレンダリングされ、残りのスクロール領域は空白のままになります。ここをクリックすると、オーバーフロー スクロールが有効になっている ReactGrid の GIF が表示されます。ここをクリックすると、オーバーフロー スクロールが有効になっていない React...

P粉345302753 2023-08-17 13:55:29 0  1  461

JavaScript - vue2.x使用時の白い画面現象

遭遇したことがあるかどうかはわかりませんが、vue フレームワークを使用してリスト ページと詳細ページを作成します。 1. 一覧ページを上にスクロールします 2. クリックして詳細を入力します 3. その後は何もせずにそのまま戻りますリスト ページに白い画面 (実際には本文の背景色) が表示され、固定要素が表示されますが、列は...

typecho 2017-06-26 10:55:08 0  1  819

weex Androidリストセルラベルボックスモデルの余白が逆さまになっていませんか？

リスト要素の下のセル要素の margin-left 値を設定すると、実際の表示効果は margin-right 値になります; {code...} 左側はリストのパディング左、右側はセルの左マージン; プレイグラウンド アプリを介して 座標関数を確認し、幅を見つけて...

大家讲道理 2017-05-24 11:38:17 0  1  810

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

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

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

再タイトル: 縦型製品ディスプレイ

私の Web ページでは、現在、プロジェクト製品が行ごとに縦方向にリストされています。縦にスクロールして表示したいのですが。水平に変更するにはどうすればよいですか? divclass="row"><divclass="col-12"><divclass="tab-contenttab-animate-zoom"><!--StartSingleTabItem-->&

P粉926174288 2024-04-05 09:17:50 0  1  3632

laravel 5.8を使用してYajraデータテーブルにエクスポートボタンを表示する別の方法はありますか?

YajraDatatables を使用して、サーバー側でユーザーのリストをクエリしています。すべての依存関係を追加しましたが、ボタンが表示されません。ボタンはコピー、PDF、CSV、さらにはカスタムボタンの表示も可能です。さまざまなバージョンの JQuery を使用してみましたが、結果は得られませんでした。ビューからのデータ配列を使用してデータテーブルを初期化するだけの場合は、ボタンが表示され、正常に動作しますが、ルートおよびサーバー側からデータソースを追加すると、ボタンが表示されません。何かが足りないのでしょうか？以下はサーバー側の処理コードですが、ボタンは表示されていません。デバッグ時に収...

P粉021708275 2024-03-26 11:06:25 0  1  520

scrollIntoView() がコンテナをページの先頭までスクロールしないようにします

スクロールスナップを使用するが、現在表示されているスライドを制御するためのナビゲーションボタンも備えた、単純な「主にCSS」画像カルーセルを構築しようとしています。私が見つけた唯一の解決策は、ターゲット要素でscrollIntoView()を使用することです。これは私が望むことを実行しますが、ターゲット要素を常にページの先頭までスクロールします。ターゲットのカルーセル スライドとコンテナーを元の位置に維持し、スライドを水平方向にスクロールして表示したいだけです。 AdamArgyle の例を見ていたところ、彼はこれを実行し、コンテナは元の位置に留まりました、わかりません

P粉690200856 2024-03-26 20:25:28 0  1  476

Python – フラスコに複数のデータベースサポートを追加し、ページ上のクエリ結果をテーブルに表示するにはどうすればよいですか?

図に示すように、達成したいのは上に示した効果です。Web インターフェイスを通じてさまざまなデータベースを選択し、中央の入力フィールドにクエリ SQL を入力し、[実行] をクリックすると、下の表にクエリ結果が表示されます。エラーが発生しました。元のエラー メッセージが以下に表示されます。しかし、ここでいくつかの質問があります...

为情所困 2017-06-30 09:55:24 0  1  1058

スクロール状態をいじらずに React の div の先頭に追加します

リアクションに困っています。水平スクロールで表示できる多くの子 div を含む、単純なスクロール可能な div を実装しようとしています。基本的に、各子 div は 1 日に対応します。このコンポーネントは、ユーザーが当日と翌日に関する情報を初めて表示するときにロードされます。ただし、ユーザーが（左または右に）スクロールした場合、ある種の「無限スクロール機能」を実装して、より多くの情報を追加できるようにしたいと考えています。新しい子 div を親 div の最後に追加しようとしても、問題はありません。ただし、親 div の先頭に新しい子要素を追加しようとすると (たとえば、ユーザーは最初のいく...

P粉217629009 2024-03-19 19:13:46 0  1  466

jqueryを使用したナビゲーションメニューのサブメニューの表示/非表示（切り替え）が期待どおりに機能しない

CSS、HTML、jqueryを使用して水平メニューを作成しました。メニュー項目をクリックすると、サブメニューが表示されます。私の問題は、サブメニューがすでに開いているときに別のメニュー項目をクリックすると、新しいサブメニューが表示されますが、以前に開いていたメニューは非表示にならないことです。更新: 質問を編集して、現在は 1 つの問題だけに焦点を当てています。 $(".menus_li").click(function(e){$(".blocks_ul",this).togg

P粉183077097 2024-03-20 09:28:35 0  1  524

JavaScript - アニメーションの表示と非表示を切り替えるための良い解決策はありますか?

例: このアニメーションと同じ効果になります 最初に div が非表示になりますが、ボタンをクリックすると表示されてアニメーション効果がかかります 非表示にしても同様ですしかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?

阿神 2017-06-30 09:59:55 0  5  1044

javascript - モバイル端末で横スクロールを実装後、行の折り返しが発生する問題があるのでアドバイスをお願いします。

図に示すように、並べて表示する必要があるラベル コンテンツが 2 つあり、2 番目のラベル コンテンツが幅を超える場合にスライド表示効果を設定する必要があります。本来のエフェクトはこんな感じで、文字数が多すぎると2行になってしまうのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。しかし...

某草草 2017-06-12 09:25:32 0  1  588

javascript - js (Vue) 実践：@を入力すると関連候補が自動で表示される方法は？

効果は次のとおりです。 効果の説明: 1. ユーザーが @ 記号を入力すると、オプション リストが表示され、オプション リストは自動的に @ 記号の後ろに配置されます。 (現在のアイデアは、入力文字が @ であるかどうかを動的に監視し、カーソルの移動位置にリスト ボックスが表示されるというものです。) 2. ユーザーが @ を入力すると、ユーザーは入力を続行するという選択を無視します。 。

PHP中文网 2017-07-05 11:03:32 0  3  3643

javascript - js プラグイン、入力ボックスのプレースホルダーに関する質問

上の図に示すように、フォーカスがある場合、入力ボックスに水平のプレースホルダーが表示されます。プレースホルダーにある数字を入力します。電話番号の場合は、入力を数字のみに制限できます。フォーカスが外れている場合は、入力ボックスに水平方向のプレースホルダーが表示されます。表示されるのはプレースホルダーの値です; 質問: 同様のプラグインを使用した人はいますか? 実装の原理...

给我你的怀抱 2017-07-05 11:03:40 0  2  809

html5 表示 非表示

HTML5でリスト項目をクリックして項目の下に質問を表示するにはどうすればよいですか?質問をクリックすると質問の下に回答を表示しますか?質問をもう一度クリックすると、回答が非表示になります。

扔个三星炸死你 2017-06-28 09:22:14 0  2  838

JavaScript - ページ内で固定配置されたサイドバーの位置をスクロール バーに合わせて動的に増加させるにはどうすればよいですか?

要件としては、ページのサイドバーは、最初はページ上の特定の位置（右: 0、下: 0 など）に固定されていますが、スクロールバーがスクロールするにつれて、サイドバーが表示されなくなるのを防ぐために、フッター部分を折りたたむと (下の図を参照)、特定の位置に達すると、スクロール バーの増加に応じて Bottom の値が増加し、開始点と同様の効果が得られます。

高洛峰 2017-06-26 10:53:43 0  2  971