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

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

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

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

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

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

JavaScript - vue でニュースリストを上下にスクロールさせる方法

これはループ内で再生されるデータ部分です {コード...} これは私の現在のコードです。アニメーション効果なしでループ内でのみ切り替えることができます {コード...}

淡淡烟草味 2017-05-19 10:43:20 0  3  918

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

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

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

JavaScript - スクロール軸で前方スクロールと巻き戻しで異なる効果が生じるのはなぜですか?

スクロール軸が回転すると、指定した位置に到達すると、対応するシリアル番号の色が変わるという効果はそれなりにありますが、スクロールが一番下までスクロールすると、さらにスクロールすると、指定された領域に到達していません。上部で、対応するカラー スケールの色が変わりました。以下に提供したコードから、html:...

某草草 2017-05-19 10:25:51 0  1  695

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

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

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

javascript - モバイル端末ではドラッグアンドドロップレイアウトを実装できないでしょうか?

モバイル側で最初の div と 2 番目の div を入れ替えると、本文が下にスクロールします。現時点では何のアイデアもありませんし、車輪を再発明する気もありません。 http://www.jq22.com/demo/drag... のような効果はありますか？ {コード...}

曾经蜡笔没有小新 2017-06-28 09:29:02 0  4  984

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

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

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

JavaScript はビューポート内でのみ IntoView をスクロールします

モックアップを作成しました (ビデオの再生中に新しいテキスト行にスクロールするときにスペースが使用されることに注意してください)。ブロック「nearest」でscrollIntoViewを使用しています。問題は、ページ全体にスクロールがあるため、ページがスクロールされてしまうことです。 Linesdiv 内のアクティブなテキスト行までスクロールしたいだけです (ビュー内にある必要はありません)。 「ビデオ」div を見ていると、下にスクロールし続けるためです (これは望ましくない動作です)。 vartext=document.querySelector('.

P粉011684326 2023-09-11 16:33:49 0  1  531

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

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

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

滑らかなスライダーを継続的に自動再生しながら、矢印/ポイントクリックでスクロールを加速するにはどうすればよいですか?

自動で連続再生するスライダーを作りたいです。正常に動作しますが、矢印とポイントが正しく動作していないようです。どの設定を変更すればよいかわかりませんが、矢印または点をクリックした直後にスライダーがスクロールするようにしたいと考えています。以下のコードを使用していくつかの設定を変更しようとしましたが、何も機能しないようです。速度を 6000 に設定すると、自動再生のタイミングは完璧になりますが、点/矢印をクリックした後のスクロールでは同じ遅い速度が使用されます。この動作は望ましくありません (選択したスライドまですぐにスクロールする必要があります)。目標を達成するために何をすべきかを理解するのを...

P粉956441054 2024-03-25 21:20:33 0  1  527

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

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

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

JavaScript - クリック イベントのバグ。何が問題だったのかわかりません。

1.絵を口の右側までスクロールし、すぐに左矢印をクリックすると虫眼鏡機能が無効になりますが、それ以外の場合はどこをクリックしても問題ないようです。問題がどこにあるのかわかりません。stop() と clearQueue() を使用しましたが、効果がありません。html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1010

javascript - この効果を実現するために CSS を変更する方法

現在得られる効果は次のとおりです: 下にスクロール バーを表示せず、赤いボックス全体がポップアップ ボックスの右側に表示されます。これを実現するにはどうすればよいですか?以下に似ています: (これは PS からのものです) 以下は私のコードです。上記の要件を達成するにはどのような変更を加える必要がありますか?ありがとう！ ！コードは次のとおりです: html...

学习ing 2017-07-05 11:06:58 0  2  993

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  427

CSS の背景のグラデーションがページ全体をカバーしません (スクロール可能なコンテンツを含む)

HTML ドキュメントの CSS 背景のグラデーションで問題が発生しています。線形グラデーションを背景として使用し、body要素に設定するページをデザインしました。私が直面している問題は、スクロールするコンテンツがまだあるにもかかわらず、グラデーションが最初に画面が終了する場所で終わっているように見えることです。したがって、下にスクロールすると、グラデーションの 2 番目のインスタンスが最初から始まっているように見えます。これは私の現在の CSS (SCSS) コードです: @importurl('https://fonts.googleapis.com/css2?family=Poppins...

P粉506963842 2023-09-12 13:20:09 0  2  724

HTML で要素のカスケード効果を実現するにはどうすればよいですか?

この要素のカスタム ツールチップを作成したいのですが、ツールチップを表示する十分なスペースがないボックス内に含まれているため、トリミングされてしまいます (オーバーフローが自動に設定されているため、実際にはスクロールして表示できますが、スクロールせずに表示したい）。境界を超えて表示する方法はありますか? z-indexを使用してみましたが、役に立ちませんでした。これを私は次のように呼んでいます: .box{width:100px;height:100px;overflow:auto;bor

P粉486138196 2023-08-28 16:39:50 0  2  594

ウィンドウ内のコンテンツがオーバーフローするとスクロールできなくなり、新しいコンテンツが非表示になります

私は現在ルーレット システム プログラムを構築しており (これは賭けをするというよりも賭けを阻止するためです!)、基本的なフレームワークを実行しているだけですが、すでにメイン ウィンドウ "#results" がフルにスクロールしないという問題が発生しています。結果の。スクロールはコンテンツの最新行に従う必要があるため、モーダル ボックスへの入力から返された最新のコンテンツは常に下部に表示されます。私は何時間もかけて考えられる解決策をたくさん調べましたが、役に立ちませんでした。コードは次のとおりです: (スクリプト全体が長くなったことをお詫びします) <!DOCTYP...

P粉106715703 2024-04-03 21:24:55 0  1  541

javascript - ノードのメインプロセスを閉じた後に別のプロセスを開くにはどうすればよいですか?

この要件は少し非論理的に思えますが、自動更新効果を達成する必要があるのは、サーバーからダウンロードした ZIP を別のフォルダーに圧縮し、新しいバージョンを開く前に古いバージョンを閉じることです。 NW.JS に基づいており、マルチウィンドウ プレビューをサポートしていないため、新しいプロセスが開始されます (Nw...

習慣沉默 2017-05-16 13:45:05 0  1  641

Laravel 9 と Livewire の検証: 更新されない限り一意性の検証

次の検証は、新しいレコードを作成するときは機能しますが、レコードを更新するときは、partner_code と Seeds_code が一意の検証で停止します。レコードが変更されていない場合に同じ値で更新できるようにし、値が変更されたときに一意性を検証するにはどうすればよいですか? $this->validate(['partner_code'=>'required|unique:varieties','seedgens_code'=>'required|unique

P粉691461301 2023-11-09 17:41:05 0  2  724