> 웹 프론트엔드 > JS 튜토리얼 > jQuery의 스크롤 막대 플러그인 Nicescroll을 사용하는 방법은 무엇입니까?

jQuery의 스크롤 막대 플러그인 Nicescroll을 사용하는 방법은 무엇입니까?

伊谢尔伦
풀어 주다: 2017-07-19 16:11:13
원래의
1778명이 탐색했습니다.

Nicescroll 스크롤 막대 플러그인은 jQuery를 기반으로 하는 매우 강력한 스크롤 막대 플러그인으로 추가 CSS가 필요하지 않으며 거의 ​​모든 브라우저와 호환됩니다. IE6+는 구현하는 데 코드 조각만 필요하고 매우 방해적이며 스타일이 완전히 사용자 정의 가능하고 터치 이벤트를 지원하며 터치 스크린에서 사용할 수 있습니다.

코어 파일을 도입하세요. 플러그인은 버전 1.5의 jquery 라이브러리를 도입해야 합니다.


스크롤 막대 숨기기



$(document).ready(
 function() { 
  $("html").niceScroll();
 }
);
로그인 후 복사

스크롤 막대의 크기가 조정되었는지 감지(창 크기가 변경될 때)

$("#myp").getNiceScroll().hide();
로그인 후 복사

특정 위치로 스크롤

$("#myp").getNiceScroll().resize();
로그인 후 복사

다양한 매개변수 추가 가능

$("#myp").getNiceScroll(0).doScrollLeft(x, duration); // Scroll X Axis
$("#myp").getNiceScroll(0).doScrollTop(y, duration); // Scroll Y Axis
로그인 후 복사

구성 매개변수 테이블

$(document).ready(
 function() { 
  $("#thisp").niceScroll({cursorcolor:"#00F"});
 }
);
로그인 후 복사

또한 참고: 동일한 페이지에서 여러 nicescroll 플러그인을 사용하는 경우 사용된 nicescroll 개체를 시간에 맞춰 숨겨야 합니다. 그런 다음 크기를 조정하십시오.

플러그인이 절대 부동 소수점 컨테이너에 배치되고 최고 값이 설정된 경우 플러그인 상단에 문제가 발생합니다. 해결 방법은 플러그인의 레일오프셋 속성을 사용하는 것입니다.


rreee

위 내용은 jQuery의 스크롤 막대 플러그인 Nicescroll을 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿