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

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

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

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

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

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

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

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

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

他のページに移動するときに ScrollPosition が先頭に設定されない

Web ページはマスター/スレーブ アプローチを使用して設計されています。マスターにはタブ (左ペイン) があり、クリックするとスレーブ (右ペイン) の対応するページが表示されます。例えば。 master には「スキーマとテンプレート」という 2 つのタブが 3 つあり、デフォルトでスキーマが表示されます。ユーザーは、左側のペイン (マスター ページによってロードされる) のタブを使用して、これら 2 つのページ (スレーブ ページによってロードされる) 間を移動できます。ここで、ユーザーがスキーマ ページ内の特定の位置までスクロールしてテンプレート ページに移動すると、スクロール位置は上部...

P粉556159786 2023-08-30 09:07:14 0  1  542

JavaScript - モバイル側でsarafiやIEに表示されるラバーバンド効果を無効にする方法

iOS の Safari ブラウザでは、Web ページを一番上までスクロールすると、ゴムバンドのようにさらにスクロールし、手を離すと元に戻ることができます。この影響は Windows タブレットにも存在します。ページ内のスクロールに影響を与えることが多いため、この効果をCSSで無効にする方法を教えてください。私の知る限りでは...

大家讲道理 2017-05-19 10:12:15 0  1  609

バナースライド

バナーカルーセルにスライド効果をロードするにはどうすればよいですか?携帯電話のスライド効果の方が適しています。

低头走路，抬头摸天。 2019-06-18 11:01:19 0  0  2659

スクロールオフセットhtml

HTMLとCSSで何かをしようとしていますが、実際に機能するかどうかはわかりません。スクロールを遅くして柔らかくするなど、スクロール時に何らかの「遅延」を追加するようにしたいと考えています。一部のサイトではこれを行っており、他のサイトとはスクロールの仕方が異なり、ソフトに見えるページもいくつかありました。これは可能でしょうか?

P粉205475538 2023-08-17 23:52:56 0  1  491

マウス ホイールを使用してページをズームし、クリックしてドラッグしてページをパンします

マウス ホイールを使用してページ全体にスクロールとパンの効果を作成するにはどうすればよいですか?基本的には他の 2D エディターと同じように、スクロールしてズームし、クリックしてドラッグしてパンしますが、対象となるのはボディ全体です。それに関する情報はオンラインで見つかりません。

P粉308783585 2024-03-26 14:11:27 0  1  322

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

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

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

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

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

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

JavaScript - 画像をスクロールして読み込む vue

要件: スクロール バーを一番下まで引き下げたときに画像をロードし、一度に 6 枚の画像をロードします。画像の数が 30 を超える場合、読み込み完了後に最初の 6 枚の画像が削除され、30 個の DOM ノードがロードされます。維持されること。データ内の imgarr=[] を保存する画像アドレスとして設定します。

阿神 2017-05-18 10:59:25 0  2  645

JavaScript - ロードメソッドがスクロールバーを無秩序に更新します

私は、load を使用して 2 つのパブリック スタイル (head と tail) を導入し、次に ajax を使用してページの中央からローカル json データを取得し、いくつかのコンテンツ画像をロードしました。結果は、ページ スクロール バーが更新されるたびに、ajax コンテンツから更新されました。少し下にスクロールして、毎回 ajax コンテンツの下からページを更新します...

学习ing 2017-07-05 10:50:21 0  1  861

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

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

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

Chrome ではスクロール機能に問題が発生することがあります

サイトでスクロールの問題が発生していますが、その理由がわかりません。 Chrome のみでスクロールが機能しないことがあります。作成したすべてのコードを無効にしてみましたが、問題は解決しません。 Safariではスクロールも問題なく動作します。 https://mirkomina.com/ 問題を引き起こす具体的なものはないようです。つまり、カーソルを離れると問題が発生する特定の場所が見つかりません。自分が書いたコードをすべて削除し、スクリプトを無効にしてみました。

P粉817354783 2024-03-29 00:21:20 0  1  422

JavaScript - マウスのスクロールに合わせて PC の Web サイトを動的に表示する方法

これはデモの URL です: http://demo.cssmoban.com/csst... マウス ボールのスライドに合わせて Web ページのコンテンツを動的に表示するにはどうすればよいですか?

習慣沉默 2017-06-13 09:24:09 0  6  910

javascript - iframe Web ページを読み込むときにスクロール バーがこのように表示されるのはなぜですか?

すみません、iframe で大きなページを読み込むと、最初に小さなスクロール バーが表示され、その部分だけが表示され、その後すべてを表示するのに時間がかかるのはなぜですか。すべてを直接表示する方法はありますか。それはとても醜いです？ 。 。

仅有的幸福 2017-05-16 13:26:44 0  1  516

javascript - ユーザーの閲覧位置を記録し、詳細ページのロールバック リスト ページの部分ビューを更新するにはどうすればよいですか?

Tieba フォーラムに似た、Angular で作成されたシングルページ アプリケーション。ユーザーの閲覧リスト ページが一番下までスクロールすると、データの次のページが自動的に読み込まれるようになりました。ユーザーがクリックして詳細ページに入り、戻ってきた場合に、ユーザーの閲覧位置を記録し、一部の部分ビュー (投稿の閲覧数とコメント数..

学习ing 2017-06-26 10:56:45 0  2  940

javascript - JQuery が新しく作成された img タグに onload イベントを追加し、それを自動的に呼び出す方法。

最初にページに入ると、次のようになります: Web ページが読み込まれた後、ターゲット イメージが自動的に呼び出されます。見つからない場合は、バックアップ イメージが使用されます (JS の onload イベント noImg() メソッド)。ここでの問題は、検索ボックスにキーワードを入力して [検索] をクリックすると、検索結果が Web ページに表示された後、on... が呼び出されなくなることです。

阿神 2017-05-17 10:06:31 0  3  642

タイトルは次のように書き換えられました: CSS3 の 100vh 値はモバイル ブラウザでは固定されていません

非常に奇妙な問題があります...私が遭遇するすべてのブラウザーとモバイルバージョンで、次のような動作が発生します。ページをロードするとき、すべてのブラウザーにはトップメニュー（アドレスバーの表示など）があり、ページのスクロールを開始すると、それは上に滑り上がります。場合によっては、100vh はビューポートの表示部分でのみ計算されるため、ブラウザ バーが上にスライドすると、100vh が (ピクセル単位で) 増加し、寸法が変更されたため、すべてのレイアウトが再描画およびサイズ変更されます。効果が良くない場合、この問題は発生しますか？ビューポートの高さについて初めて聞いたとき、とても興奮しました...

P粉682987577 2023-08-21 16:49:22 0  2  482

javascript - 最初は後続のコンテンツがロードされず、マウスが下にスクロールすると後続のコンテンツが徐々にロードされるという効果を実現するにはどうすればよいですか?

最初はコンテンツがありません。下にスクロールすると、後ろのコンテンツが徐々に読み込まれます。

漂亮男人 2017-06-30 09:58:33 0  6  874