JQuery DIV カスタムスクロールバー style_javascript スキルの具体的な実装-jsチュートリアル-php.cn

JQuery DIV カスタムスクロールバー style_javascript スキルの具体的な実装

WBOY

リリース： 2016-05-16 17:31:30

オリジナル

1164 人が閲覧しました

JQuery はスクロールバーの長さと位置を計算します。コードは次のとおりです。

javascript

コードをコピーコードは次のとおりです:

スクロールエリアのコンテンツ DIV:
html

コードをコピーコードは次のとおりです:

 総営業利益: 11.66億元 (前年比成長率 -1.75%) 
 
 ; 株式収益: 0.04 元
 
 純資産利益率: 1.58%
 
利益率: 12.22% (前年比成長率 39.89%)
 
 総資産: 30 億 4,600 万元 (前年比成長率 -7.14%)
 ;
 ビッグ ソーダ サタンとして 
 複数拠点の総営業収益: 11 億 6,600 万元 (前年比成長率 -1.75%) 
 
 純利益: 1,900 万元(前年比 23.72% 成長) 
 
 1 株当たり利益: 0.04 元
 
 自己資本利益率: 1.58%
 < ;br />
 売上総利益率: 12.22% (前年比 39.89% 増加)
 合計資産: 30 億 4,600 万元 (前年比成長率 -7.14%) 🎜> 合計。アステファン複数拠点の営業利益: 11.66億元 (前年比-1.75%成長) 
 
 純利益: 1,900万元 (前年比23.72%成長) 
 
 一株当たり利益: 0.04 元
 前年比 39.89% 増加)
 
 総資産: 30 億 4,600 万元(前年比 -7.14% の増加)

 ビッグ ソーダ サタン スプレッドとして
 
 🎜> 

 1 株当たり利益: 0.04元
 
 自己資本利益率：1.58%
 
 売上総利益率：12.22%（前年比39.89%成長） 
 
 総資産: 30 億 4,600 万元 (前年比 -7.14% 成長)
 ビッグ ソーダ サタン スプレッドとして
 < br />
 アスティ複数拠点の営業利益合計: 11.66億元 (前年比成長率 -1.75%) 
 
 純利益: 1900万元 (年間)対前年成長率) 23.72%)
 
 1 株当たり利益: 0.04 元
 
 自己資本利益率: 1.58%
 < br />
 売上総利益率: 12.22% (前年比 39.89%増)
 
 総資産: 30.46億元 (前年比) -7.14% の増加)

 ビッグ ソーダ サタン スプレッドとして
 
 アステファンの多くの場所

 id="Div3">

.jtc_neir{margin-left:20px;マージン右:20px;色:#000000;フォントサイズ:12px;背景:なし;行の高さ:32px;オーバーフロー-y:スクロール;オーバーフロー-x:非表示;  
 スクロールバー-3dlight-color:rgb(222,222,222);  
 スクロールバー-矢印-色:rgb(222,222,222);  
 スクロールバーベースカラー:rgb(222,222,222);  
 スクロールバー-darkshadow-color:rgb(222,222,222);  
 スクロールバー-フェイスカラー:rgb(222,222,222);  
 スクロールバーハイライトカラー:rgb(222,222,222);  
 スクロールバーシャドウカラー:rgb(222,222,222);} 

.jtc_tiao{width:8px;位置:絶対;上:80ピクセル;右:20ピクセル; z-index:10;} 
.tiao_up{width:8px;高さ:10ピクセル;背景:url(../images/scrollbar-3.jpg) 左上 繰り返しなし;行の高さ:0px; overflow:hidden;} 
.tiao_mid{width:8px;背景:url(../images/scrollbar-3.jpg) -39px 中央リピート-y;行の高さ:0px; overflow:hidden;} 
.tiao_bottom{width:8px;高さ:10ピクセル;背景:url(../images/scrollbar-3.jpg) -13px 下部リピートなし;フォントサイズ:0;行の高さ:0px; overflow:hidden;}

JQuery DIV カスタム スクロール バー style_javascript スキルの具体的な実装

JQuery DIV カスタムスクロールバー style_javascript スキルの具体的な実装