jQuery nice Scroll 스크롤 바 오류 해결 방법

nice Scroll 플러그 인 은 사용 하기 좋 지만 css 에 의존 하지 않 고 단순 한 js 만 사용 하면 보기 좋 은 스크롤 바 를 설정 할 수 있 습 니 다.
최근 프로젝트 에서 nice Scroll 을 사 용 했 습 니 다.그리고 표 에 가로 스크롤 바 가 있 습 니 다.스크롤 바 를 세 울 때 잘못 되 기 쉽 습 니 다.스크롤 바 는 허공 에 떠 있 습 니 다.div 의 아래쪽 이나 오른쪽 이 아 닙 니 다.f12 를 열 면 스크롤 바 가 div 에 직접 위치 하 는 것 이 아니 라 전체 body 의 마지막 에 위치 하 는 div 와 같은 등급 입 니 다.이 로 인해 bug 가 발생 했 습 니 다.특히 IE 에 서 는 스크롤 바 가 사방 으로 날 아 다 닌 다.
인터넷 에서 많은 자 료 를 찾 았 는데 이런 상황 이 없 는 것 같 아 요.아마 프로젝트 가 그렇게 많은 가로 스크롤 바 가 없 을 거 예요...
이 bug 를 해결 하려 면 스크롤 바 를 div 에 설치 하 는 것 이 생각 났 습 니 다.그러면 떠 있 지 않 습 니 다.여러 번 의 테스트 를 통 해 설치 할 div 에 position:absolute 를 위치 시 키 는 것 을 발 견 했 습 니 다.그러면 스크롤 바 가 안에 끼 워 져 있 고 어 지 럽 게 떠 다 니 는 상황 이 발생 하지 않 습 니 다.
위치 추적 이 없 을 때 스크롤 바 는 body 마지막 에 있 습 니 다.그림 참조:

그림%1 개의 캡 션 을 편 집 했 습 니 다.

저 는 wex 5 의 grid 표를 사용 합 니 다.grid 줄 에 grid Positon 을 추가 하여 절대 위치 로 설정 한 다음 에 아버지 급 에 상대 적 인 위치 로 설정 합 니 다."자 절 부 상"입 니 다.이렇게 조작 한 것 은 스크롤 바 가 잘못 떠 있 는 문 제 를 해결 한 것 이지 만 IE 에서 또 새로운 bug 가 나 타 났 습 니 다.바로 마우스 hover 와
선택 할 때 색상 이 없습니다.그래서 마지막 구 조 는 다음 과 같다.

요약:사용 하 는 div 의 절대적 인 위치 만 있 으 면 스크롤 바 는 안에 포 함 됩 니 다.그 ie 에서 색깔 이 없 는 것 은 아버지 급 에서 상대 적 으로 위 치 를 정 했 기 때문에 나중에 저 는 가장 바깥 window 에서 상대 적 으로 위 치 를 정 하 는 것 으로 바 뀌 었 습 니 다.그러면 그렇게 번 거 롭 게 구 조 를 수정 하지 않 아 도 됩 니 다.
이상 의 jQuery nice Scroll 스크롤 바 가 잘못된 문제 의 해결 방법 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기