スクロールバーを設定します。

質問1:親要素がどの要素のキルトの気晴らしを持っていませんか?
解決策:親要素を加えたフロートに、その後、十分ではない、オーバーフロー隠し、親要素が何幅/高さの制限がないことを確実にする:フロート:左

オーバーフロー-X:スクロールオーバーフロー-Y:スクロールオーバーフロースクロールバーを生成します
スクロールバーのスタイルを変更します。XXX :: - webkitの-スクロールバー{...}
/ * 高アスペクト最も広い定義と背景スクロールバーをそれぞれ垂直スクロールバーの寸法対応する* / 
.div :: -webkit- スクロールバー
{ 
    幅:16pxにし、
    高さ:16pxに、
    バックグラウンド - カラー:#1 f5f5f5; 
} 
 
/ * 定義スクロールバー追跡シャドウフィレット+ * / 
:: -webkit-scrollbar- トラック
{
     0計6Px RGBA(0,0,0,0.3から挿入図:-webkit-ボックスシャドウを); 
    ボーダー - ; RADIUS 10pxの
    背景 - #:カラーf5f5f5; 
} 
 
/ * 定義スライダを斜線フィレット内+ * / 
:: -webkit-scrollbar- 親指
{
    ボーダー- RADIUS:10pxの;
     -webkit-ボックスシャドウ:0計6Px RGBA(0,0,0、0.3から挿入図)、
    背景 -color:#555 ; 
} 

// ,,,,,,,,,,,,例,,,,,,,,,,,,,,, 2 
/ * スタイルのスクロールバーを設定する* / 
:: -webkit- スクロール{幅:12ピクセル;}
 / * 転走溝* / 
:: -webkit- scrollbar- トラック{
     -webkit-ボックスシャドウ:0計6Px RGBA(0,0,0,0.3から挿入図); 
    ボーダー - RADIUS:10pxの; 
} 
/ * スクロールバーのスライダー* / 
:: -webkit-scrollbar- 親指{ 
    国境 - RADIUS:10pxの;
    背景:RGBA( 0,0,0,0.1 )。
    -webkitボックスシャドウ:0計6Px RGBA(0,0,0,0.5挿入図)。
} 
:: -webkit-スクロールバーのサム:ウィンドウ- 非アクティブ{ 
    背景:RGBA( 255,0,0,0.4します)。
}
質問2:ローリング、
ele.scrollTo(0100)、スクロールバーを使用する場合、そのように指定された位置に要素スクロール、ユニットPX

おすすめ

転載: www.cnblogs.com/MrZhujl/p/11586313.html