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

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

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

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

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

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

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

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

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

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

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

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

css3 - グラフィックとテキストに対応したスタイル

PC デスクトップでこのページをレスポンシブにする: 1 つの方法は画像を直接レスポンシブにする方法ですが、唯一の欠点はテキストがぼやけ、効果が完璧ではないことです。 , このように、テキストのサイズを適応させる必要があり、テキストの位置関係を適切に行うのはさらに困難です...

習慣沉默 2017-05-16 13:20:57 0  3  721

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

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

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

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

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

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

javascript - このようなエフェクト、中央の画像が回転し、それに合わせて背景も回転しますが、視覚的な差分エフェクトでしょうか?

(www.sf.gg) は、中国を代表する開発者テクノロジー コミュニティです。私たちは、プログラミング愛好家に純粋で高品質な技術交流プラットフォームを提供し、開発者と一緒に学び、コミュニケーションし、成長し、開発者の時代を作りたいと考えています。

黄舟 2017-05-19 10:16:26 0  3  512

Tab キーを使用してページ上の HTML 要素を移動します

Tab キーを使用している HTML ページで、Tab キーを使用してスクロールできません。これは、「テーブルを更新できません」ポップアップが開いたときにタブを参照しようとしているページの写真です。それをクリックしてタブを押しました。初めてタブを押すと、フォーカスが画像内の矢印要素に移動します。しかし、次にタブを押すと、要素 Page3 に移動します。上矢印アイコンは HTML で選択されている <i タグで、次の <i タグは x ボタンです。何らかの理由で、2 番目の <i タグがスキップされ、タブ キーが 2 回目に表示されたときに x ボタンに移動しません。これはそう...

P粉106301763 2024-02-03 21:30:59 0  1  457

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3793

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

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

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

html - CSS ナビゲーション バーがぼやけ、ナビゲーション バーが固定され、ページがスライドすると下のページがぼやけます。これを実現するにはどうすればよいですか?

インターネットで長時間検索した結果、以下のページに動的に影響を与えてぼやける解決策が見つかりませんでした。これはステーション b のブラー エフェクトです。静的です。原理は 2 つの同一の画像を使用し、一方の一部をぼかし、もう一方とマージすることです。私のアイデアは、AE と同様の調整レイヤーにガウスぼかしを追加して、下のレイヤーに実際の効果を与えることです...

大家讲道理 2017-05-24 11:36:02 0  2  1106

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

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

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  820

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  722

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  611

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  576

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1000

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  505

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  697