質問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