欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-12 12:29:37
...
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;}