ホームページ >ウェブフロントエンド >htmlチュートリアル >オーバーフロースクロールの重要性は何ですか?

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

php中世界最好的语言オリジナル: 2018-02-22 10:07:412417ブラウズ

今回は、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 サイトの他の関連記事に注目してください。