JQuery DIV 사용자 정의 스크롤 막대 style_javascript 기술의 특정 구현-JS 튜토리얼-php.cn

JQuery DIV 사용자 정의 스크롤 막대 style_javascript 기술의 특정 구현

WBOY

풀어 주다： 2016-05-16 17:31:30

원래의

1160명이 탐색했습니다.

JQuery는 스크롤 막대의 길이와 위치를 계산합니다.

javascript

코드 복사 코드는 다음과 같습니다.

스크롤 영역 콘텐츠 DIV:
html

코드 복사 코드는 다음과 같습니다.

 총 영업이익: 11억 6,600만 위안(전년 대비 -1.75% 증가) 
 < ;br />
 ; 공유 수입: 0.04위안
 
 순자산 수익률: 1.58%
 
 총 이익률: 12.22%(전년 대비 39.89% 증가)
 
 총자산: 30억 4,600만 위안(전년 대비 -7.14%)
 ;
 빅 소다 사탄 
 여러 지역의 총 영업 수익: 11억 6,600만 위안(전년 대비 -1.75% 증가) 
 
 순이익: 1,900만 위안 (전년 대비 23.72% 성장) 
 
 주당순이익: 0.04위안
 
 자기자본이익률: 1.58%
 < ;br />
 매출총이익률: 12.22% (전년 대비 39.89% 증가)
                                                            총자산 : 30억 4,600만 위안(전년 대비 -7.14% 증가)                                                                                                                   🎜> 합계 아스테판 여러 위치의 영업 수입: 11억 6,600만 위안(전년 대비 -1.75% 성장) 
 
 순이익: 1,900만 위안(전년 대비 23.72% 성장) 
 < br />
 주당 순이익: 0.04위안
 전년 대비 39.89% 증가)
 
 총 자산: 30억 4,600만 위안 (전년 대비 -7.14% 증가)

 빅 소다 사탄 확산
 
 🎜> 

 주당 이익: 0.04위안
 
 자기자본이익률: 1.58%
 
 총 이익률: 12.22%(전년 대비 39.89% 성장) 
 
 총 자산: 30억 4,600만 위안(전년 대비 -7.14% 증가)

 빅 소다 사탄 확산
 < br />
 Asty 여러 위치의 총 영업 수입: 11억 6,600만 위안(전년 대비 -1.75% 증가) 
 
 순이익: 1,900만 위안(연간) -전년대비 성장률) 23.72%)
 
 주당순이익: 0.04위안
 
 자기자본이익률: 1.58%
 < br />
 매출총이익률: 12.22%(전년 대비 39.89% 증가)
 
 총자산: 30억 4600만 위안(전년 대비) -7.14% 증가)

 빅 소다 사탄이 퍼지면서
 
 아스테판의 여러 곳

 id="Div3">

                                                              div>

주요 스타일: 
css

코드 복사

 코드는 다음과 같습니다.

.jtc_neir{margin-left:20px; 오른쪽 여백:20px; 색상:#000000; 글꼴 크기:12px; 배경:없음; 줄 높이:32px; 오버플로-y:스크롤;오버플로-x:숨김;  
          스크롤바-3dlight-color:rgb(222,222,222);  
    스크롤바-화살표-색상:rgb(222,222,222);  
    스크롤바-기본 색상:rgb(222,222,222);  
    스크롤바-어두운 그림자-색상:rgb(222,222,222);  
    스크롤바-얼굴-색상:rgb(222,222,222);  
    스크롤바-하이라이트-색상:rgb(222,222,222);  
    스크롤바-그림자-색상:rgb(222,222,222);}  

.jtc_tiao{width:8px; 위치:절대; 상단:80px; 오른쪽:20px; z-색인:10;}  
.tiao_up{너비:8px; 높이:10px; 배경:url(../images/scrollbar-3.jpg) 왼쪽 상단 반복 없음; 줄 높이:0px; 오버플로:숨김;}  
.tiao_mid{너비:8px; 배경:url(../images/scrollbar-3.jpg) -39px 중심 반복-y; 줄 높이:0px; 오버플로:숨김;}  
.tiao_bottom{너비:8px; 높이:10px; 배경:url(../images/scrollbar-3.jpg) -13px 하단 반복 없음;글꼴 크기:0; 줄 높이:0px; 오버플로:숨김;}