ホームページ > 記事 > ウェブフロントエンド > HTML スクロール バー style_basic チュートリアル
HTML スクロール バー style_basic チュートリアル
- WBOYオリジナル
- 2016-05-16 12:05:022246ブラウズ
1. スクロールバーのトラックは、scroller-track として記録されます。いわゆる「トラック」とは、スクロール バーのスライド ブロックが実行中にたどる必要があるルートを指します。 2. スクロール バーのスライディング ブロック、つまりマウスの左ボタンを押したまま上下または左右に移動できるスライディング ブロックと、スクロール バーの両端にある小さな四角形は、次のように記録されます。 : スクロールバーの面。 Face はスクロール バーの「面」です。スライド バーと両端の小さな四角形の 3 つの「面」があることに注意してください。
3. スクロール バーの明るい境界部分は、scroller-highlight として記録されます。この明るい境界線は、表の明るい境界線、つまり左側と上の部分と同じ概念であり、スクロール バーの明るい境界線部分とは、スクロール バーの「面」の明るい境界線 (つまり、スライディングブロックと両端の小さな四角）。
4. スクロールバーの明るい枠部分の周囲にも立体的な変更部分があり、scroller-3dlightとして記録されます。 3dとは立体的なという意味で、スクロールバーの明るい枠部分を囲みます。
5. スクロールバーの影部分とは、メインスライダーとその両端の四角形の影を指し、左側と左下に位置し、scroller-shadowとして記録されます。
6. スクロールバーの影の部分にも、スクロールバーダークシャドウと呼ばれる、影の部分を囲む強い影の部分があります。
7. 両端のスクロールバー矢印は、スクロールバー矢印としてマークされており、矢印の方向は下、上、左、右です。
[Ctrl A すべて選択 注:外部 Js を導入する必要がある場合は、それを更新して実行する必要があります]