Как сделать так, чтобы пользовательские полосы прокрутки с помощью jScrollPane всегда были видны - PullRequest
Новая
       7

Как сделать так, чтобы пользовательские полосы прокрутки с помощью jScrollPane всегда были видны

0 голосов
/ 25 июля 2010

У меня есть полосы прокрутки, использующие плагин jScrollPane для jQuery.

Полоса прокрутки работает, все содержимое выполняется с помощью AJAX, поэтому для каждой загрузки страницы добавляется повторная инициализация полос прокрутки.Но когда содержимое короче страницы, полосы прокрутки не видны.

Это приводит к дополнительному пространству для содержимого в 10 пикселей, что раздражает при использовании элементов, использующих 100% доступного пространства.

У кого-нибудь есть идеи, как сделать полосы прокрутки видимыми, даже если контент недоступен?Или альтернативный способ CSS зарезервировать место тоже подойдет.

Ответы [ 2 ]

1 голос
/ 25 августа 2011

Я думаю, что до тех пор, пока эта функция не будет добавлена ​​в 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">&nbsp;</div>');   
}

Хоп, это помогает кому-то ... Markus

Это CSS для фиктивной полосы прокрутки: 

#white-v-bar {
 height:100%;
 width:10px;
 background-color:white;
 float:left;
}
1 голос
/ 25 июля 2010

Если никто не найдет лучшего решения,

Я уже могу сказать, что я изменил плагин jScrollPane, чтобы всегда показывать панель «дорожки», и если она собиралась скрыть полосу прокрутки (потому что содержимое было меньше, чем представление), я также не добавляю панель «перетаскивания». хотя это не очень чистый вариант.

его следует продолжить, а также отключить / повторно включить кнопки «вверх-вниз», добавив функциональность css, чтобы не делать зависания / активное состояние, когда оно отключено ... для лучшего удобства использования.

все еще с нетерпением жду возможного лучшего решения, хотя я чувствую, что придумаю единственно возможное решение, так как, вероятно, нет ничего из коробки

...