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

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

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

グリッド内の列を使用してフレックスを水平方向にラップするにはどうすればよいですか?

https://codepen.io/itaied246/pen/eYbOWjm スペースを水平に埋めて下にスクロールする垂直スクロールを備えたフレックスボックスを作成することに成功しました。同じことを水平方向に実行したい、つまり、垂直方向にスペースを埋めて右にスクロールします。私の flexdiv は、最大コンテンツを持つ対応するグリッド内にあります。私は何を取りこぼしたか？

P粉481035232 2023-08-16 21:11:09 0  1  555

vim - 2 つの `分割ウィンドウ` で `scroll lock` や `scoll sync` などの機能を実装できますか?

コードを書くときは、モニターを上げることができないので、コードの表示行数が非常に少なく、上下のスクロールが頻繁になるので、次のように考えます。 単一のファイルを編集する場合、:vs、そこに2 つの垂直ウィンドウ (左側のウィンドウの番号は 1 ～ 44、右側のウィンドウの番号は 45 ～ 88) で、スクロール ロックまたはスクロール ロックを実装します。

过去多啦不再A梦 2017-05-16 16:38:52 0  1  705

「オーバーフロー コンテナーのフレックス項目の先頭までスクロールできません」のタイトルは次のように書き換えられます:「オーバーフロー コンテナーのフレックス項目の先頭までスクロールできません」

フレックスボックスを使用して便利なモーダルを作成しようとしているときに、ブラウザの問題と思われる問題に遭遇し、既知の修正または回避策があるかどうか、または修正方法に関するアイデアがあるかどうか疑問に思っていました。私が解決しようとしている問題には 2 つの側面があります。まず、モーダル ウィンドウを垂直方向に中央揃えにすることは期待どおりに機能します。 2 つ目は、外部スクロールを使用してモーダル ウィンドウをスクロールさせることです。これにより、モーダル ウィンドウ内のコンテンツではなく、モーダル ウィンドウ全体がスクロールします (この方法では、モーダルの範囲を超えて拡張できるドロップダウ...

P粉854119263 2023-08-22 14:58:06 0  2  531

ブロックをまたぐときにスクロールラインがスクロールしないようにする

3 つのブロックがあり、2 番目のブロックには線とスクロールする円があります。円はメインスクロールに合わせてスクロールし、スクロールが停止すると、円は最も近い点、つまり各ブロックの中心にくっつきますが、メインスクロールが2番目のブロックを通過するときに、円が表示されるという問題に直面しています。停止します。スクロールすると、ページ上で正しく動作しません。メイン スクロールがブロック 2 を通過するときに、円が自動的に最後のケースに固定され、スクロールが完全に停止するようにスクリプトを完成させることはできますか?したがって、戻ってブロック 2 を横切ると、再び機能するはずです。一般的に言えば、問...

P粉038856725 2024-03-29 23:23:06 0  1  414

JavaScript - ドロップロード + タブ ページ、グラフィック ページとテキスト ページをスクロールするときに 2 つのスクロール領域を分割するにはどうすればよいですか?

このような 2 つのスクロール バーを分割するにはどうすればよいですか? 1 つだけを表示したいのですが、現在、スクロール バーは外側のスクロール バー内でスライドしてスクロールしています。内側のスクロール バーをタッチすると、内側のスクロール バーの領域だけが移動します。上部のバナー領域は移動しません。

伊谢尔伦 2017-06-08 11:03:15 0  1  900

画面上の CSS センター ポップアップ。コンピューターやタブレットでは機能しますが、携帯電話では機能しません

CSS を使用して、画面中央にヘルプ ポップアップを表示してみてください。私のコンピュータと iPad では問題なく動作しますが、iPhone ではポップアップがスクロール可能な垂直方向のスペース全体の垂直方向の中央に配置されるため、表示するために時々上下にスクロールする必要があります。呼び出されたときに、現在表示されている画面の中央に配置したいと考えています。 (ページの高さは静的ではないことに注意してください。つまり、ユーザーのアクティビティに基づいて伸びたり縮んだりします)。関連する CSS は次のとおりです: .helpcontent{position:fixed;top:50%;le...

P粉662802882 2024-03-28 20:02:46 0  1  419

要素にposition:fixedを適用すると、display:flexによって制御されるコンテンツの配置が壊れます。

ページが初期位置でスクロールするときに、ウィンドウの上部、つまり単語の下の領域に .word 要素と .line 要素を追加します。 .wordをposition:stickyに修正しましたが、2つの問題に直面しました。それを.lineに適用すると、単語の周りを「ジャンプ」しますが、そうではありません。

P粉131455722 2023-08-02 17:11:54 0  1  506

インライン CSS を使用して NetSuite のプレミアム PDF テンプレートの表の列の間に垂直線を追加する

各列の間に垂直線を追加したいと考えています。テーブルが 2 つあるため、インライン CSS を使用する必要があります。行を 1 つのテーブルにのみ適用したいと考えています。助けてください！

P粉125450549 2023-08-31 15:58:22 0  1  606

JavaScript - オーバーフロースクロールの初期位置を設定するにはどうすればよいですか?

top: 50%;transform:translateY(-50%) を使用して、div を垂直方向の中央に配置します。div の高さが親コンテナーより大きい場合、これと同様に、最初のスクロール位置は div の上部ではありません。アドバイスをください。 。

phpcn_u1582 2017-05-19 10:16:30 0  2  811

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

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

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

JavaScript - better-scroll +vue スクロールの使い方を教えてください

こんな感じですベタースクロールコンポーネントは縦スクロール方式を使用しますが、横スクロールについてはずっと研究していて実装できていませんので、アドバイスをいただければ幸いです。達成したいのは、水平メニューを私がマークしたメニューと同様にできることです

三叔 2017-07-05 10:44:28 0  1  972

ナビゲーションバーのホバー効果を実装する方法

垂直ナビゲーションバーを作成中です。そのアイコンの名前が右側に表示されるはずです。また、マウスをアイコンの上に置くと名前が白から黒に変わるはずですが、機能しません。それが役立つかどうかを確認するためにタグを変更してみました。また、HTML のタグを変更し、CSS のタグも変更してタグが機能するようにしました。このサイトで問題の解決策を探しました。ナビゲーション バーが機能しません。ここにコードを置く方法がわかりません。お役に立てれば、メッセージ経由でコードを送信させていただきます。理解するのに30分以上費やした

P粉041758700 2024-01-10 18:06:56 0  1  467

表セルのコンテナが親セルの高さ全体を占めるようにしてください。

Flexboxを使用せずにコンテンツを垂直方向に整列させようとしています。このユースケースにはいくつかの問題があるため、垂直方向に整列されたテーブルでそれを行おうとしていますが、問題は、内部のコンテンツが残りの部分を埋めていないことです。高さ、CSSを介して何らかの方法でこれを行うことは可能ですか? https://jsfiddle.net/s38haqm5/25/<html><body><divclass="row"><divclass=&q

P粉345302753 2024-04-04 16:03:18 0  1  594

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

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

PHP を実装して SQL からデータを読み取り、カルーセル効果を実現する方法

データを1つずつ表示する方法を教えてください。例: 私のデータベースには、Zhang San、Li Si、Wang Wu 年齢 20、21、22 という 3 つのデータがあります。Web ページ上に Zhang San 20、Li Si 21、Wang Wu 22 を 1 つずつ出力する方法は次のとおりです。 、Zhang San 20 を出力し、2 秒間一時停止します&

范珺 2018-08-30 11:18:17 0  2  1393

css - BFC マージン崩壊の問題

http://w3help.org/zh-cn/kb/010/太字の2文は折りたたまれていますか？ ブロックの書式設定コンテキストでは、ボックスは、含まれるブロックの先頭を開始点として、次々に垂直に配置されます。 2 つの兄弟ボックス間の垂直距離は、「margin」属性によって異なります。ブロックの中には…

巴扎黑 2017-05-16 13:43:46 0  1  668

html5 - 上下中央揃えは実際には実現不可能ですよね？

垂直配置には、上、中、ベースライン、下があります。以下の行高さモデルの 4 つの行を見てください。幾何学的な観点から見ると、この線高さモデルの幾何学的中心線は中央線とベースラインの間にあり、中央線は上向きに傾き、ベースラインは下向きに傾いています。垂直...

迷茫 2017-06-20 10:06:16 0  1  955

CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか?

片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているため、水平方向にスタックされますが、垂直方向にもスタックしたいのです。私の現在のコード： .topicheader{padding:2%2%;float:leftdisplay:block;background-image:linear-gradient(totop,rgb(40,40,40),rgb(50,50,50))

P粉982054449 2024-04-06 20:45:26 0  2  911

タイトル変更: div 列と残りの幅を修正

すべての列がブラウザウィンドウの高さ全体になる、5 列のレイアウトを作成しようとしています。中央の列を除いて、他の列は固定され、ブラウザ/ドキュメントがスクロールされたときに移動しないようにする必要があります。中央の列には Web サイトのコンテンツが含まれており、垂直方向にオーバーフローするため、ブラウザーでは通常どおりスクロールする必要があります。それとは別に、中央の列を除くすべての列は固定幅を持っており、中央の列が残りのスペース（親要素の100％の幅）を占める必要があります。要件の1つは、フレックスボックスまたはCSSグリッドを使用しないことです。以下のコードは私が得たものです。列「c」...

P粉786432579 2023-09-14 17:17:47 0  1  683