Heim > Web-Frontend > js-Tutorial > JQuery+DIV自定义滚动条样式的具体实现_javascript技巧

JQuery+DIV自定义滚动条样式的具体实现_javascript技巧

WBOY
Freigeben: 2016-05-16 17:31:30
Original
1209 Leute haben es durchsucht

JQuery计算滚动条长度和位置,代码如下:

javascript

复制代码 代码如下:


滚动区域内容DIV:
html

复制代码 代码如下:


    营业总收入:11.66亿元(同比增长-1.75%)
   

    dddd净利润:0.19亿元(同比增长23.72%)
   

    每股收益:0.04元
   

    净资产收益率:1.58%
   

    毛利率:12.22%(同比增长39.89%)
   

    总资产:30.46亿元(同比增长-7.14%)

    as大苏打撒旦撒
   

    阿斯蒂芬多个地方营业总收入:11.66亿元(同比增长-1.75%)
   

    净利润:0.19亿元(同比增长23.72%)
   

    每股收益:0.04元
   

    净资产收益率:1.58%
   

    毛利率:12.22%(同比增长39.89%)
   

    总资产:30.46亿元(同比增长-7.14%)

    as大苏打撒旦撒
   

    阿斯蒂芬多个地方营业总收入:11.66亿元(同比增长-1.75%)
   

    净利润:0.19亿元(同比增长23.72%)
   

    每股收益:0.04元
   

    净资产收益率:1.58%
   

    毛利率:12.22%(同比增长39.89%)
   

    总资产:30.46亿元(同比增长-7.14%)

    as大苏打撒旦撒
   

    阿斯蒂芬多个地方营业总收入:11.66亿元(同比增长-1.75%)
   

    净利润:0.19亿元(同比增长23.72%)
   

    每股收益:0.04元
   

    净资产收益率:1.58%
   

    毛利率:12.22%(同比增长39.89%)
   

    总资产:30.46亿元(同比增长-7.14%)

    as大苏打撒旦撒
   

    阿斯蒂芬多个地方营业总收入:11.66亿元(同比增长-1.75%)
   

    净利润:0.19亿元(同比增长23.72%)
   

    每股收益:0.04元
   

    净资产收益率:1.58%
   

    毛利率:12.22%(同比增长39.89%)
   

    总资产:30.46亿元(同比增长-7.14%)

    as大苏打撒旦撒
   

    阿斯蒂芬多个地方



    id="Div3">


   

   

   

   

   

   


主要样式:
css

复制代码 代码如下:

.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;} 
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage