jQuery 용 jScrollPane 플러그인을 사용하는 스크롤 막대가 있습니다.jScrollPane이있는 사용자 지정 스크롤 막대를 항상 표시되도록하려면 어떻게해야합니까?
스크롤바가 작동합니다. 모든 내용이 AJAX로되어 있으므로 모든 '페이지'로드에 대해 스크롤바의 재 초기화를 추가합니다. 그러나 내용이 페이지보다 짧으면 스크롤 막대가 표시되지 않습니다.
이렇게하면 콘텐츠에 10px의 여유 공간이 생기며 사용 가능한 공간의 100 %를 사용하는 항목에 성가 시게됩니다.
누구나 콘텐츠를 사용할 수없는 경우에도 스크롤바를 표시하는 방법에 대해 알고 싶습니다. 공간을 예약하기위한 또 다른 CSS 방법도 좋습니다.
아무도 더 나은 솔루션을 찾지 못하면,
난 이미 난 항상 "트랙"줄을 표시하는 JScrollPane의 플러그인을 수정, 말, 수는 내용이보다 작은 때문에 (스크롤바를 숨길려고하는 경우 보기) 나는 또한 '끌기'막대를 추가하지 않습니다. 매우 깨끗한 옵션은 아니지만.
더 이상 조치해야하며, 위로/아래로 버튼을 사용/사용하지 않도록 설정하고 CSS 기능을 추가하여 활성 상태가 해제되지 않도록 설정하면 유용성이 향상됩니다.
내가 거기로 유일하게 가능한 해결책을 온 것이라고 생각하지만 여전히 아마이 기능이 JScrollPane의에 추가 될 때까지
내가 생각 상자 밖으로 아무도 없다, 가능한 더 나은 솔루션을 찾고 이 문제를 해결하는 데 사용할 수있는 더러운 트릭 일뿐입니다. 내가 한 것은 jScrollPane에 스크롤링이 활성화되어 있는지 묻는 것이 었습니다. 그렇지 않다면 빈/비활성화 된 스크롤바처럼 보이는 div를 추가했습니다. 이 사람을 도움이
var scrollPane = $("#id-of-scroll-area");
scrollPane.css("height", "100%"); // I needed this; you may not
var scroll = scrollPane.jScrollPane();
// check if scrolling is enabled
if (!scroll.data('jsp').getIsScrollableV()) {
scrollPane.css("overflow-y", "hidden");
scrollPane.css("width", leftPane.width() - 10); // 10 is width of scroll bar
scrollPane.after('<div id="white-v-bar"> </div>');
}
홉 ... 마르쿠스
이 더미 스크롤 막대의 CSS입니다 :
#white-v-bar {
height:100%;
width:10px;
background-color:white;
float:left;
}