Здравствуйте, столкнулся с проблемой:
в моем меню не отображается должным образом прокрутка на jScrollPlane
вот скин
+ код
<div class="scrollBox">
<div id="pane" class="scroll-pane">
<div class="jScrollPaneContainer">
<div class="jScrollPaneDrag">
<div class="jScrollPaneDragTop">
<div class="jScrollPaneDragBottom">
<div class="jScrollArrowUp">
пункт меню<br>
пункт меню<br>
пункт меню<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
подключение стилей:
<link rel="stylesheet" type="text/css" href="{THEME}/css/jScrollPane.css" />сам скрипт:
<script type="text/javascript">
jQuery(function() {
jQuery('.scroll-pane').jScrollPane({scrollbarWidth:18, showArrows:true});
});
</script>
сам файл стилей: (
предупреждаю большой + там есть описание всех опций)
.scroll-pane {
width: 190px; /* Ширина видимой области*/
height: 410px; /* Высота видимой области*/
overflow: auto; /* Если отключены скрипты это правило позволит отобразить обычный скролл */
}
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
/* Трек - полоса по которой бегает ползунок */
.jScrollPaneTrack {
height: 100%;
}
/* Средняя часть ползунка (резиновая, т.к. ползунок меняет высоту в зависимости от количества содержимого) */
.jScrollPaneDrag {
background: url(../images/scrollDrag.gif) repeat-y; /* задаем фоновую картинку или просто цвет фона */
overflow: hidden;
left:1px;
}
/* верхушка ползунка (можно задать height:0, если ползунок не имеет выраженной верхушки) */
.jScrollPaneDragTop {
overflow: hidden;
background: url(../images/scrollDragTop.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
/* низ ползунка (можно задать height:0, если ползунок не имеет выраженного низа) */
.jScrollPaneDragBottom {
overflow: hidden;
background: url(../images/scrollDragBot.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
/* стрелка вверх (правило можно исключить, если скролл по дизайну без стрелок) */
a.jScrollArrowUp {
display: block;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 18px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
background: url(../images/arrow_up.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
/* стрелка ввниз (правило можно исключить, если скролл по дизайну без стрелок)*/
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 18px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
background: url(../images/arrow_down.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
} наверное все что есть скинул, теперь сам вопрос как мне добиться нормального отображения чтобы была 1 полоса а не 2 как на скрине? и не было белого фона когда я правил у меня становилось только хуже(
Ответа пока нет,
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.