jScrollPane не отображается сам скролл

Рейтинг: 0Ответов: 1Опубликовано: 14.04.2015

Всем привет.
Прикручиваю к div плагин jScrollPane. Блок jScrollPane создается, но сама полоса прокрутки не появляется.
CSS: 

$(function(){
    $('#chat').jScrollPane();});
    #chat {
    width: 325px;
    height: 260px;
    border:  1px solid #999999;
    overflow-y: auto;}

    .chat_box{
    outline: none;
    border-radius: 2px;
    margin-bottom: 3px;
    width: 320px;
    height: 255px;}


    .scroll{
    width: 335px;
    height: 270px;}
<div class="scroll">
               <div id="chat">
                    <div class="chat_box" contenteditable="true">

                    </div>
               </div>
            </div>

css html jscrollpane
Источник: Stack Overflow на русском

Ответы

▲ 1

Может попробовать так?

$(document).ready(function() {
    $('#chat').jScrollPane();
});

И в CSS:

overflow: auto;

вместо:

overflow-y: auto;

UPD:

У вас все правильно, но этот плагин работает только для содержимого обернутого в тег <p>.

Удалите из примера все параграфы <p> и полосы не появятся.

Также можно попробовать такую инициализацию:

$(window).load(function) {
  $("#chat").jScrollPane();
}

Еще один вариант инициализации:

$("#chat").jScrollPane({ autoReinitialise: true })