Нашел плагин, который позволяет это сделать. Однако все примеры в сети показывают, как это сделать в html. Мне хотелось бы прикрутить его к миничату. И проблема в том, что у меня не юкозовский миничат, а выполненный в скрипте. Чтобы было понятно, о чем речь, привожу скрипт и стили миничата.
Скрипт Стили
Сам скроллбар вставляется таким кодом:
Код
<div class="page_content"><div>
Тут скролируемый контент
</div></div>
<style>
.scroll-pane {
height: 300px; /* Высота видимой области*/
overflow: auto; /* Если отключены скрипты это правило позволит отобразить обычный скролл */
}
</style>
Загружаются плагины и подключается скрипт:
Код
<link type="text/css" rel="stylesheet" href="http://brakonyery.ucoz.ru/style/jquery.jscrollpane.css"/>
<script type="text/javascript" src="http://brakonyery.ucoz.ru/js/jquery.mousewheel-3.0.4.js"></script>
<script type="text/javascript" src="http://brakonyery.ucoz.ru/js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript">
jQuery(function()
{
jQuery('.scroll-pane').jScrollPane();
});
</script>
Так вот в чем вопрос. Кривое временное решение я нашел, но частичное. Блоку с контентом (в моем случае это .uc) просто задал большие размеры, куда гарантированно войдет весь контент. И уже его поместил в блок со скроллом .scroll-pane. Как бы работает, но напрягает пустое пространство без контента.
Я пока слабо разбираюсь в коде, но мне видится 2 пути решения. Либо делать резиновым блок с контентом, либо прикручивать скролл к самому контенту в скрипте (что мне кажется более правильным). Ни на то, ни на другое знаний не хватает. Особенно, для второго варианта. Поэтому и прошу помощи.