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

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn