Specific implementation of JQuery DIV custom scroll bar style

Specific implementation of JQuery DIV custom scroll bar style_javascript skills

WBOY

Release： 2016-05-16 17:31:30

Original

1210 people have browsed it

JQuery calculates the length and position of the scroll bar. The code is as follows:

javascript

Copy code The code is as follows:

Scroll area content DIV:
html

Copy code The code is as follows:

 Total operating income: 1.166 billion yuan (year-on-year growth -1.75%)
 < ;br />
 ; Share income: 0.04 yuan
 
 Return on net assets: 1.58%
 
 Gross profit margin: 12.22% (year-on-year growth of 39.89%)
 
 Total assets: 3.046 billion yuan (year-on-year growth -7.14%)

 as Big Soda Satan 
 Total operating revenue in multiple locations: 1.166 billion yuan (-1.75% year-on-year growth) 
 
 Net profit: 19 million yuan (23.72% year-on-year growth) 
 
 Earnings per share: 0.04 yuan
 
 Return on equity: 1.58%
 
 Gross profit margin: 12.22% (a year-on-year increase of 39.89% )
                                                                        Total assets: 3.046 billion yuan (-7.14% year-on-year growth)                                                                                                                                  . 🎜> Total operating income of multiple locations in Astephan: 1.166 billion yuan (-1.75% year-on-year growth) 
 
 Net profit: 19 million yuan (23.72% year-on-year growth) 
 < br />
 Earnings per share: 0.04 yuan
 A year-on-year increase of 39.89%)
 
 Total assets: 3.046 billion yuan (a year-on-year increase of -7.14%)

 as Big Soda Satan Spread
 
 🎜> 

 Earnings per share: 0.04 yuan
 
 Return on equity: 1.58%
 
 Gross profit margin :12.22% (a year-on-year growth of 39.89%)
 
 Total assets: 3.046 billion yuan (a year-on-year growth of -7.14%)

 as Big Soda Satan Spread
 
 Total operating income of multiple locations in Asty: 1.166 billion yuan (year-on-year growth -1.75%) 
 
 Net profit: 19 million yuan (year-on-year growth) 23.72%)
 
 Earnings per share: 0.04 yuan
 
 Return on equity: 1.58%
 
 Gross profit margin: 12.22% (a year-on-year increase of 39.89%)
 
 Total assets: 3.046 billion yuan (a year-on-year increase of -7.14%)

 as Big Soda Satan Spread
 
 Many places in Astephan

 id="Div3">

                                                                 div>

Main style: 
css

Copy code

 The code is as follows:

.jtc_neir{margin-left:20px; margin-right:20px; color:#000000; font-size:12px; background:none; line-height:32px; overflow-y:scroll;overflow-x:hidden;  
          scrollbar-3dlight-color:rgb(222,222,222);  
    scrollbar-arrow-color:rgb(222,222,222);  
    scrollbar-base-color:rgb(222,222,222);  
    scrollbar-darkshadow-color:rgb(222,222,222);  
    scrollbar-face-color:rgb(222,222,222);  
    scrollbar-highlight-color:rgb(222,222,222);  
    scrollbar-shadow-color:rgb(222,222,222);}  

.jtc_tiao{width:8px; position:absolute; top:80px; right:20px; z-index:10;}  
.tiao_up{width:8px; height:10px; background:url(../images/scrollbar-3.jpg) left top no-repeat; line-height:0px; overflow:hidden;}  
.tiao_mid{width:8px; background:url(../images/scrollbar-3.jpg) -39px center  repeat-y; line-height:0px; overflow:hidden;}  
.tiao_bottom{width:8px; height:10px; background:url(../images/scrollbar-3.jpg) -13px bottom no-repeat;font-size:0; line-height:0px; overflow:hidden;}