jScrollPane не отображается в DIV - PullRequest
Новая
       6

jScrollPane не отображается в DIV

3 голосов
/ 13 декабря 2011

Во-первых, я некоторое время искал и не смог найти ответ, который сработал для меня.

Я разрабатываю веб-сайт для клиента.Я использую плагин jScrollPane jQuery, но он не отображается.Сначала я был обеспокоен тем, что, возможно, некоторые другие плагины jQuery влияют на него, но когда я применяю класс .scroll-pane к чему-то, он растягивает высоту div, чтобы показать весь контент без полос прокрутки.Я не знаю, это все еще может иметь к этому отношение, я не могу сказать.Я не могу показать сайт, так как подписываю соглашения о неразглашении со всеми моими клиентами, но могу показать соответствующий код.

Это ссылки на скрипты в моем заголовке: 

<link rel="stylesheet" href="css/global.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" media="all" href="css/jScrollPane.css" />
<link rel="shortcut icon" href="favicon.ico" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/supersized.3.1.3.min.js"></script> 
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>

Это соответствующий HTML с вложенными DIV: 

<!--INFO TAB-->

<div id="infocontainer"> 
    <div id="infobox"> 
    </div>
    <div id="infomenu"> 
    </div>
    <div id="inforule"> 
    </div>
    <div id="infocontent" class="scroll-pane">
        TEXTTEXTT EXTTEXTTEXTTEXT TEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTT EXTTEXTTEXTT EXTTEXT TEXTTEXTTEXTTEXTT EXTTEXTT EXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTE XTTE XTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXT
    </div>
</div>

Это скрипт, который вызывает функцию непосредственно перед концом тела: 

<script>
$(function()
{
    $('.scroll-pane').jScrollPane();
});
</script>

Соответствующий CSS: 

#infocontainer {

    position:absolute;
    top:30px;
    left:350px;
    height:385px;
    width:625px;
    z-index:1;

}

#infobox {
    background-color:#f4f4f4;
    position:absolute;
    height:100%;
    width:100%;
    z-index:-1;

}

#infomenu {

    padding-top:44px;
    padding-left:49px;
    text-align:left;
    z-index:1;

}

#inforule {

    margin-left:239px;
    margin-top:-175px;
    z-index:5;

}

#infocontent {

    line-height:18px;
    margin-left:290px;
    margin-top:-287px;
    height:284px;
    overflow:auto;
    width:270px;
    text-align:left;
    z-index:1;

}

Непрозрачность DIVs изначально равна 0, а затем некоторый пользовательский JavaScript, который я написал, доводит их до 100% при загрузке страницы.Я также использую Supersize jQuery, который устанавливает полноэкранные подгонки фоновых изображений.

Я понятия не имею, почему это не работает, я попытался отключить все другие javascript и jQuery, используя только jScrollPane, и этовсе еще не работает ни лучше, ни хуже.Любая помощь будет принята с благодарностью.

Ответы [ 2 ]

3 голосов
/ 14 декабря 2011

для ударов, попробуйте вернуть свой jquery к предыдущей версии, например 1.5.2. проверить это: code.google.com/p/jscrollpane/issues/detail?id=207#c2 - Джули p

1 голос
/ 13 декабря 2011

Заключите содержимое Div в тег

, например 

<p>
TEXTTEXTT EXTTEXTTEXTTEXT TEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTT EXTTEXTTEXTT EXTTEXT TEXTTEXTTEXTTEXTT EXTTEXTT EXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTE XTTE XTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXT
</p>
...