아코디언 스크립트를 사용하는 사이트가 있는데 아코디언 탭 중 하나에 스크롤 상자를 배치하려고합니다. 그러나 스크롤 상자가 잘 작동하지만 아코디언 스크립트를 나눕니다. 이 갈등을 해결할 방법이 있을까요? jscrollpane을 jquery 아코디언 스크립트와 공존 시키려면 어떻게해야합니까?
이
은 아코디언 스크립트로 사이트 : http://www.namibiaonline.net/sandbox/NBAA/index9.html그리고이 JScrollPane의와 깨진 하나 아코디언 스크립트입니다 :에, 그래서 (나는 하나의 하이퍼 링크를 붙여 넣기 할 수있어 몇 가지 이유 단지 어떤 도움이 많이 주시면 감사하겠습니다 :) 애쉬
이이 문제를 해결해야을
) /scroll_test.html와 /index9.html 교체, 깨진 하나에 도착. 베타보십시오 :
http://groups.google.com/group/jscrollpane/browse_thread/thread/c1bc1bf63e3f80d8
을하고 난 당신의 문제가 거짓말을하는 곳이라고 생각 : 나는이 같은 문제가 있었다
사용중인 jscrollpane의 버전과 자동 다시 초기화가 차이를 보이지 않습니다 (코드를 삽입하지 않는 한). 잘못된 장소에서). 지금까지 내가 먹어 본 가장 좋은 결과 지금까지 <= 스크립트 유형 "텍스트/자바 스크립트"ID = "소스 코드"> 을 제거하는 \t $ (함수() \t { \t \t $ ('이었다. 시늉 pane ') .jScrollPane(); \t}); 다른 탭을 클릭 한 다음 스크롤 상자가있는 탭으로 돌아 가면 스크롤 바가 사라집니다. -/ – Ash
콜백을 사용하여 스크롤 할 때마다 스크롤 창을 다시 사용해보십시오. – switz
http://jscrollpane.kelvinluck.com/invisibles.html – switz
이 내가 거의 해결 방법은 다음과 같습니다
jQuery(document).ready(function() {
scrollPane = jQuery(".scroll-pane").jScrollPane({
showArrows: true
});
var api = scrollPane.data('jsp');
jQuery("#accordion").accordion({
changestart: function(event, ui) {
api.reinitialise()
}
});
}
스크롤 창 클래스가있는 컨테이너에 대해 올바른 너비를 정의해야합니다. 제 경우에는이 같은 3 개 용기를 만들었다 :
<div class="scroll-pane">
.scroll-pane {
overflow: auto;
height: 134px;
width: 420px;
} I 오버 플로우 높이와 폭을 정의하는 위치 클래스 스크롤 창은
. 상위 컨테이너에서 스크롤하면 모든 높이가 필요하고 하위 컨테이너에서 스크롤하면 스타일이 적용되지 않은 스크롤이 표시되므로 스크롤이 표시되지 않습니다.
하지만 여전히 첫 번째 창에 문제가 있습니다. 페이지가 처음로드 될 때 올바르게 표시되지만 다른 아코디언 탭으로 이동 한 다음 첫 번째 페이지로 돌아 오면이 요소의 너비는 0으로 설정됩니다. 다른 페이지가 잘 작동하는 경우에만 .
http://www.namibiaonline.net/sandbox/NBAA/scroll_test.html – switz