要素のスクロール位置のパーセンテージを計算するにはどうすればよいですか?

ウィンドウ内の要素のスクロール位置をパーセンテージとして計算したいと考えています。 0% は要素の上部がウィンドウの下部にある場所 (まだ表示されていません) 100% は要素の下部がウィンドウの上部にある場所 (すべての要素が表示されています) 近いですが、私が数学で何か間違ったことを考えていることはわかっています。複数の要素のスクロールのパーセンテージを示す小さなデモを作成しましたが、パーセンテージはすべて間違っています。 functiongetElemScrollPercent(selector){constscale=0.1;constel=document.quer

P粉786800174 2024-04-03 19:55:00 0  1  609

CSS 要素のエッジがスクロール ボックスのエッジの「外側」にあるとはどういう意味ですか?

次の仕様をどのように解釈するのが正しいでしょうか? 「要素エッジ A と要素エッジ B が両方ともスクロール ボックス エッジ A とスクロール ボックス エッジ B の外側にある場合は、何もしません。」 出典: https://drafts.c​​sswg.org/cssom-view/#dom -scrollologicalposition-nearest: ~:text=If%20element%20edge%20A%20and%20element%20edge%20B%20are%20b

P粉763748806 2024-01-16 23:45:09 0  1  508

angular.js - データを更新するための angularjs プルダウンと、データをロードするための下部の無限スクロールを探していますプラグイン

データを更新するためのangularjsプルダウンと、データプラグインをロードするための下部の無限スクロールを探しています

大家讲道理 2017-05-15 17:13:16 0  1  896

JavaScript - 要素が画面の表示領域の一番下までスクロールしたかどうかを確認するにはどうすればよいですか?

要素はもともと画面の表示領域の下部に配置されていましたが、スクロール バーが上にスクロールしたときに要素が画面の下部に触れたときに、要素が画面の下部に接触したときに関数をトリガーしたいと考えています。では、画面に接触している要素をキャプチャするにはどうすればよいでしょうか? 下部の状況はどうでしょうか?

给我你的怀抱 2017-05-19 10:26:18 0  3  751

スクロール イベント リスナーが要素に追加されましたが、scrollTop が 0 に等しくない場合にのみ正しく移動します

そこで、完了済みタスクとアクティブなタスクという 2 つのリストがあるこの小さなスクリプトを作成しました。ボタンをクリックするとタスク リストを切り替えることができ、[詳細情報] をクリックするとタスクの詳細を読むことができます。 「詳細情報」をクリックすると、新しい div 要素が作成され、そのホスト要素の Y 位置を追跡したいのですが、途中まで機能します。これは次のようになります: ここに画像の説明を入力してください これはバグです。スクロール可能な要素のscrollTopが0でない場合にこのエラーが発生すると確信しています(これは正しい方法で作成されており、スクロールを開始するとすべて上...

P粉427877676 2024-04-01 11:03:26 0  1  574

javascript - dom要素でPDFをプレビューできるプラグインを誰かが推奨できますか?

画像の効果と同様に、現在 objectPDF.js という PDF プラグインを使用していますが、これを使用すると、PDF プレビュー プラグインの背後にある DOM 要素が消えてしまいます。

ringa_lee 2017-05-19 10:09:10 0  2  564

css - スタイルシート内のスタイルを対応する要素に直接出力できるプラグインはありますか?

スタイルを記述し、それをスタイル上の対応する要素に出力する、このようなプラグインを取得したいと考えています。例: {code...}

学习ing 2017-06-24 09:43:08 0  2  833

JavaScript - スクロール イベントでバブリングを防止できないのはなぜですか?

要件は、マウスがページ上のスクロール バーのある要素内にあるときに、本文のスクロールが同時にトリガーされないようにスクロール イベントをトリガーすることです。率直に言うと、マウスが div 内でロールすると、たとえ div が最後までスクロールしても、本文はスクロールしません。バブリングを防ぐために div にスクロールイベントを与えました。このアイデアを活かしたいのですが…

PHP中文网 2017-07-05 11:07:59 0  6  4233

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

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

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

javascript - jquery.lazyload の使用時に発生する問題について、助けてください。

このプラグインは動的に挿入された要素を処理していないようです。つまり、動的に挿入された要素は正常に表示できませんが、常に読み込み中の画像が表示されます。現在の一時的な解決策は、新しく挿入されたノードに独自のコンテナーを追加することです。を選択し、このコンテナに対して初期化を実行します。どう思いますか?

ringa_lee 2017-05-19 10:45:21 0  3  622

javascript - jsで要素の表示部分の高さを取得するにはどうすればよいですか?

要素がスクロールされると、一部またはすべての要素が非表示になることがあります。表示されている部分の高さを取得するにはどうすればよいですか? clientHeight を使用しても機能しません。どうすればよいですか?

过去多啦不再A梦 2017-06-12 09:30:22 0  4  729

javascript - 要素が自動的に上に移動しました。画像を見てください。

これは使用されるプルページ プラグインです。最初のスクロール サイクルの後、矢印は自動的に上に移動します。{code...}

黄舟 2017-05-16 13:38:37 0  1  431

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

Vue のスクロール アンカーは別のページにありますか?

私のWebサイトのタイトルにはルーターリンクがあり、クリックするとフォームのあるページ/登録に移動します。私が実現したいのは、クリックすると vueScrollTo プラグインを使用して登録フォームにスクロールすることです。現在は動作していますが、100% 希望どおりに動作するわけではありません。現時点では、/registration ページ以外でクリックすると、フォームまで完全にスクロールしますが、/registration ページ自体にいてルーターのリンクをクリックすると、メタにスクロールしようとすると警告が表示されます。ページに載っていない

P粉627027031 2024-02-21 10:17:16 0  2  394

JavaScript - JS スクロール バーの実装アイデア

Vue2.0のスクロールバープラグインが見つからなかったので、JSでスクロールバーを実装したいと思い、インターネット上でスクロールバー実装用のJSプラグインをいくつか見つけました。スクロールバーコードを手動で書いたマスターはいますか?それとも関連するブログはありますか？コードは必要ありません。基本的な実装アイデアだけで十分です。

PHP中文网 2017-06-12 09:32:11 0  4  828

javascript - vue.js には、現在のインターフェイスを特定の部分までスクロールするためのより高速なメソッドはありますか?

たとえば、通常の HTML ページでは、先頭に戻るときに、a タグの href 属性を特定の ID に設定し、クリックするとその部分までスクロール バーをスクロールできます (もちろん、ページの高さを直接設定することもできます)。スクロールバー)。そして現在、同じvueコンポーネント内で別のものをクリックするという要件があります...

为情所困 2017-05-18 10:45:35 0  8  616

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

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

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

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

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

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

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