Specific implementation of JQuery DIV custom scroll bar style_javascript skills

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)

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;}