Доброго времени суток!
Сам я недавно стал заниматься сайтами, просьба сильно не пинать
Создаю сайт на Joomla 2.5. Шаблон для него делал в Artisteer 4, поле чего немного правил шаблон. Возникла необходимость сделать его фиксированным по высоте и в некоторых разделах текста больше чем места для него по высоте и поэтому он стал выходить за пределы. Выход из этого вреде прост добавить overflow:auto и появится полоса прокрутки, но уж больно она некрасивая получается.
Пытался решить проблему тремя вариантами:
1. Использовать Свойство scrollbar-... Но оно подходит не для всех браузеров, в частности для моей любимой мозиллы, да и возможности маленькие - не понравилась!
2. Компонент/модуль/плагин - не нашел подходящий! Может кто даст ссылочку? (Искал среди бесплатных).
3. Пока искал Компонет/модуль/плагин, наткнулся на Perfect Scrollbar: пользовательские скроллинги на jQuery.
(нашел здесь) Он мне всем понравился - то что мне нужно! но не хватает знаний чтобы его установить... Никак не пойму что делать! Никогда скрипты не подключал!
Нашел процедуру его установки, но для WordPress...
Может кто подскажет как это сделать для Joomla ?
Как я понял его подключение состоит из 3-х этапов:
1. Подключение самого скрипта к файлу, скорее всего, index.php шаблона между тегами <Head> и таблицу стилей CSS
Я сделал вот так для скрипта:
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/min/perfect-scrollbar-0.4.8.min.js"></script>
И вот так для css:
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/min/perfect-scrollbar-0.4.8.css">
2. как я понял в CSS шаблона нужно добавить следующее
#myScroll {
position:relative;
height:600px;
}
где myScroll - заданное имя, может быть любое.
3. Где-то нужно установить следующее
<div id='myScroll'>
<div>
...
</div>
</div>
Но вот где, никак не пойму...
4. В нужном материале вставить код:
<script language="javascript">
$('#myScroll').perfectScrollbar();
</script>
Всю голову сломал, ничего не получается! Что делаю неправильно?
Спасибо!