지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > jquery_jquery를 기반으로 한 가로 스크롤 막대(슬라이더 막대)

jquery_jquery를 기반으로 한 가로 스크롤 막대(슬라이더 막대)

WBOY
풀어 주다： 2016-05-16 18:10:13
원래의
1108명이 탐색했습니다.

많은 방법이 발견되었지만 일부는 구현되지 않았으며(스크롤된 콘텐츠의 너비는 알 수 없지만 이 방법을 사용할 때 알아야 함), 일부는 이러한 브라우저(IE6, Firefox, Chrome)와 완전히 호환되지 않습니다. 마침내 JQuery의 Slider 컨트롤을 사용하기로 결정했습니다.
1. jquery-1.3.2.min.js, jquery-ui-1.7.1.custom.min.js
2. HTML

코드를 복사하세요 코드는 다음과 같습니다:



스크롤 콘텐츠
Bottomslider" style= "margin-top:10px;margin-bottom:10px;" runat="server">



3.css


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



4. 🎜>



코드 복사

코드는 다음과 같습니다.

저자별 최신 기사
최신 이슈
CSS 행 클래스는 특정 요소를 프레임 밖으로 내보내는 동시에 정적이고 디스플레이 하단에 고정되어야 합니다. 현재 내 페이지는 다음과 같습니다. 두 요소가 서로 옆에 있도록 행 클래스를 추가한 후 하단 탐색 모음이 스크롤해야 하는 위치로 푸시됩니다. 여기에서 행 요소가 ...
에서 2024-04-03 18:48:12
0
1
281
Chrome의 HTML 웹페이지 페이지 매김 전체 페이지 div 컨테이너 다음에 페이지 매김을 시도하고 있습니다. 소개 페이지를 로드하는 것과 마찬가지로 아래로 스크롤하면 일종의 내비게이션 센터로 들어갈 수...
에서 2024-04-02 23:26:08
0
1
404
스크롤바가 표시되지 않을 때 tbody의 너비 변경 스크롤 막대가 있는 테이블이 있고 테이블을 필터링할 때 스크롤 막대가 표시되지 않는 것이 나에게 좋지만 문제는 너비가 변경되고 테이블 너비가 점점 커지고 있다는 ...
에서 2024-04-02 11:15:58
0
1
277
가로 스크롤바에만 CSS를 적용하는 방법 저는 신입 인턴인데 간단한 작업을 주었습니다. 가로 스크롤 막대를 개인화하세요. 이 코드가 있는데 세로 스크롤 막대가 사라집니다. 세로 방향을 기본값으로 설정해야...
에서 2024-04-01 16:25:15
0
2
291
요소에 스크롤 이벤트 리스너가 추가되었지만 scrollTop이 0이 아닌 경우에만 올바르게 이동합니다. 그래서 저는 완료/활성 작업이라는 두 개의 목록이 있는 작은 스크립트를 작성했습니다. 버튼을 클릭하면 작업 목록을 전환할 수 있고, "추가 정보"...
에서 2024-04-01 11:03:26
0
1
326
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿