オーバーフロースクロールの重要性は何ですか?

今回は、overflowのスクロールの重要性と、overflowのスクロールの重要性についてのnotesについてお届けします。以下は実際のケースです、見てみましょう。

原則

ブロックレベルのスコープのオーバーフロー効果を設定するには、外部ブロックの位置に overflow:scroll と height:xx を設定するだけです。

このとき、ブロックレベルのスコープのコンテンツの変位が外側のブロックの変位を超えると、内側のブロックがスクロールするとスクロールバーが表示され、スクロール効果が確認できます。親要素 (外部ブロックと呼ばれます) に設定 (top:0 とbottom:0) を設定することで、スクロール領域を固定する方法が 2 つあります。親要素の高さを xx に設定する方法もあります。スクロール効果を完成させます。

表示されるスクロール バーがブラウザの端にあるスクロール バーである場合、スクロール イベントがバインドされていないことを意味します。

これまでは、テキスト コンテンツが公開されるのを防ぎ、含まれるデータ コンテンツに http ポート経由でアクセスしたい場合に、子要素のリソースを親要素から分離するために使用していました。データをロードするときに、ユーザーがマウスを該当の位置にスクロールした場合にのみデータが同期的にロードされます。たとえば、ページのリスト データがバックグラウンドから取得され、データが ajax を通じて更新され、HTML に同期されます。ビジュアル クロスの機能であるスクロール バインディング イベントの役割もあります。

Scrollイベント

オーバーフロースクロールにはoverflow-xとoverflow-yが含まれており、オーバーフローは横スクロールと縦スクロールの効果が異なります。スクロールの幅と高さに応じてスクロールし、さまざまなスクロールイベント処理を実行します。

3つのキー

オーバーフロースクロールイベント処理。CSSに3つのキー要素を記述する必要があります。1つはposition:absolute、2つ目はoverflow:scroll、3つ目はtop:displacement、bottom:displacement(またはheight)です。は修正されています)、コンポーネントで他のイベントを呼び出すときにオーバーフロー スクロール効果を使用すると、コンポーネントはよりカラフルになります。

終わり

overflow:scrollとheightやtopとbottomの設定を忘れると、ここで必ず遠回りする可能性があるので、スクロールバインディングイベントを避けるために、overflowとdisplacementを設定する必要があります。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連読書:

html+css+jqueryでタブを作成

HTMLハイパーリンクaのクリックイベント後、href

HTMLで複数のクラス属性を定義するのは、href

無効です🎜 🎜🎜

以上がオーバーフロースクロールの重要性は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。