>웹 프론트엔드 >JS 튜토리얼 >JQuery DIV 사용자 정의 스크롤 막대 style_javascript 기술의 특정 구현

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

WBOY
WBOY원래의
2016-05-16 17:31:301195검색

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; 오버플로:숨김;} 
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.