HTML でスクロール バーを使用するためのヒントは何ですか?

今回は、HTML でスクロール バーを使用するためのヒントと、HTML でスクロール バーを使用するための 注意事項 を​​いくつか紹介します。実際の事例を見てみましょう。

よくある現象として、Web ページ上で何かを削除するときに、スクロール バーがページの先頭に移動せず、削除前の位置に留まることがよくありますが、これは非常に非人道的です。実際、この方法は非常に簡単で、MaintainScrollPositionOnPostback = "true" を .aspx ソース コードの先頭に追加するだけです。

上記の現象は、ビーフブリスケットのニュースリリースシステムを学習しているときに発生しました。HTML スクロール バーの使用に関するその他のヒントを共有しましょう
(1) スクロール バーを非表示にする

<bodystyle="
overflow-x
:hidden;overflow-y:hidden">

(2) セルにスクロール バーを追加する方法レイヤーにスクロールバーが表示されます

<divstyle="width:200px;height:200px;overflow-x:auto;overflow-y:auto;"></div>

(3) JavaScriptは、色の変更、フラット効果への変更など、フレーム内のスクロールバーのスタイルを変更します

<STYLE> 
BODY {SCROLLBAR-FACE-COLOR: #ffcc99; 
SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; 
SCROLLBAR-SHADOW-COLOR: #ffffff; 
SCROLLBAR-3DLIGHT-COLOR: #000000; 
SCROLLBAR-ARROW-COLOR: #ff0000; 
SCROLLBAR-TRACK-COLOR: #dee0ed; 
SCROLLBAR-DARKSHADOW-COLOR: #ffff00;} 
</STYLE>

手順:

scrollbar- 3dlight-color:color; スクロール バーのハイライト境界線の色を設定または取得します。
scrollbar-face-color:color;または、スクロール バーの 3D サーフェイスの色を取得します。
scrollbar-arrow-color:color; スクロール バーが表示されていても使用できない場合、このプロパティは無効です。 -color:color; スクロール バーの暗い境界線の色を設定または取得します。
scrollbar-base-color:color;スクロールバーの基本色。他のインターフェイスの色もそれに応じて自動的に調整されます。
scrollbar-track-color:color; スクロール バーのドラッグ領域の色を設定または取得します
備考:
color は、#FF0000 などの 16 進数、または次の形式で表すことができます。 RGB、たとえば rgb(255,0,255); スクロール バー スタイルを設定する場合、それを有効にするためにすべての属性を使用する必要はありません。
(4) JavaScript でのページ要素の位置
clientX、clientY は、マウスがページの左上隅にある場合、clientX=0、clientY=0; です。 、offsetY は、ウェブページに対するマウスの現在の位置です。マウスがページ上のこの領域の左上隅にある場合、offsetX=0、offsetY=0。ユーザーの画面全体を基準としたマウスの位置です。
x、y は、ブラウザーの現在の位置を基準としたマウスの現在位置です。
scrollLeft: オブジェクトの左端とオブジェクトの左端の間の距離を設定または取得します。ウィンドウ内に現在表示されているコンテンツ (スクロール バーが生成されるため、ページ上に現在表示されているコンテンツは不確かです)。
scrollTop: オブジェクトの上部とウィンドウ内の表示コンテンツの上部の間の距離を設定または取得します。
左: ページを基準としたオブジェクトの X 座標。
上: ページに対するオブジェクトの Y 座標
(5) シールド選択、右クリックなど

以上がHTML でスクロール バーを使用するためのヒントは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。