При открытии, вертикальное меню уезжает за пределы фиксированного блока, в котором находится

Dimaxgen

Ребят, выручайте! Целый день вожусь.. уже мозги кипят! В общем суть такова: Имеем фиксированный блок с лева, с вертикальным меню с подпунктами, в нём расположен блок сроллирующий содержимое фиксированного блока при заполнении по вертикали более чем на 100% экрана (вместо стандартного скроллбара использовал кастомный скрипт, если не ошибаюсь, называется "jscrollpane".. на винте откопал, так что с названием не уверен), собственно в скроллирующем блоке находится само меню с подпунктами... При открытии страницы с фиксированным блоком в браузере, всё пучком, т.е. если пунктов в меню достаточно много, для того чтобы меню вылезло за пределы блока, появляется скроллбар, и можно пролистать меню до последнего пункта, но стоит открыть какой-либо пункт (да бы увидеть подпункты), как последние (нижние) пункты меню уходят за пределы сроллируемой области и становятся недоступны. Полагаю дело не в скрипте, потому как был момент, когда обновил страницу и, ву-а-ля, всё за работало, нижний пункт меню отталкивался от нижней границы скроллируемой области, и за её пределы не уезжал, как и должно быть, короче. Но стоило мне залезть в редактор, покопаться с кодом (вроде как ничего из отвечающего за скролл не трогал, но не уверен, так как к этому моменту, в башке уже каша образовалась), и опять двадцать пять.. - чё не делаю, а за границу всё-равно уезжает.Вот код (HTML):
<div id="sidebar">
    <div id="jscrollpane">
        <ul class="tabs collapsible">
            <li><a href="#">Пункт 1</a>
                <ul class="dropdown">
                    <li><a href="">Подпункт 1</a></li>
                    <li><a href="">Подпункт 2</a></li>
                    <li><a href="">Подпункт 3</a></li>
                    <li><a href="">Подпункт 4</a></li>
                </ul>
            </li>
            <li><a href="#">Пункт 2</a>
                <ul class="dropdown">
                    <li><a href="">Подпункт 1</a></li>
                    <li><a href="">Подпункт 2</a></li>
                    <li><a href="">Подпункт 3</a></li>
                    <li><a href="">Подпункт 4</a></li>
                </ul>
            </li>
            <li><a href="#">Пункт 3</a>
                <ul class="dropdown">
                    <li><a href="">Подпункт 1</a></li>
                    <li><a href="">Подпункт 2</a></li>
                    <li><a href="">Подпункт 3</a></li>
                    <li><a href="">Подпункт 4</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
Скроллбар вызывается с помощью маленького скрипта, расположенного до
<script type="text/javascript">
    $(function(){
        $('#jscrollpane').jScrollPane();
    });
</script>
Вот код (CSS):
#sidebar {
position: fixed;
top: 45px;
left:0;
bottom: 0;
width: 240px;
background:#333;}
 
#jscrollpane{
width: 240px;
height: 100%;}
Буду крайне благодарен, тем кто даст дельный совет!!!
10 ответов

Dimaxgen

Неплохо было бы приложить скриншот и залить в песочницу код, либо приложить библиотеки для jscrollpanel.


Dimaxgen

По поводу скриншота и библиотек, сейчас сделаю.. По поводу
залить в песочницу код
.. поясните если несложно..На фото ниже, скроллбар опущен, меню закрыто и нормально отображается:На следующем фото, косяк.. скроллбар опущен, открыт последний пункт меню, а из подпунктов отображается только первый, остальные ушли за пределы скроллируемой области: Библиотеки: jscrollpanel.rar


Dimaxgen

Але, народ.. - ну что, желающих помочь советом нет что ли?Да, кстати, дело точно не в скрипте.. проверил при нём отключённом, - с дефолтным скроллом тоже самое, так что капать в направлении стилей надо...


Dimaxgen

Але, народ.. - ну что, желающих помочь советом нет что ли?
Скиньте весь код архивом вместе со стилями.


Dimaxgen

Скинул. Кстати, дружище, не сочти за наглость, глянь мельком, может ты сможешь сообразить... у меня к
textarea
подключён CodeMirror (подсветка синтаксиса), пытаюсь осуществить перенос строки, не выходит что то, может у тебя сообразить получится (я не настаиваю).


Dimaxgen

Кстати, дружище, не сочти за наглость, глянь мельком, может ты сможешь сообразить... у меня к 1 textarea подключён CodeMirror (подсветка синтаксиса), пытаюсь осуществить перенос строки, не выходит что то, может у тебя сообразить получится (я не настаиваю).
С переносом разобрался.. из "висяков" сроллируемая область сайдбара только осталась...


Dimaxgen

Dimaxgen, После запуска прописываются некоторые стили.


Dimaxgen

Не выходит.. стоит классу jspContainer присвоить фиксированную высоту, как скроллбар вообще исчезает... Да и фиксированная высота в моём случае, совсем не то что нужно, мне нужно чтобы высота менялась в зависимости от высоты видимой на экране области...Всё народ, вопрос решён, тема закрыта... Дело было всё-таки в скрипте.. вызов скроллбара иначе нужно было осуществлять..


Dimaxgen

Не выходит..
Я не говорил чтобы ты присваивал фиксированную высоту, я показывал вам, что она присваивается после открытия в браузере.


Dimaxgen

Sn1p3rOk, извини, не сразу допетрил..