сайт на данный момент является архивом информации по форуму phpbb 3.0. объяснения и помощь больше не предоставляются. старый сайт

Белк на PhpBB 3.0.14

информация по этому форуму. bbcode, моды и прочее, проверенное Белком. (перенос данных продолжается...)

Сегодня на конференции было 65 посетителей :: 1 зарегистрированный, 0 скрытых, 1 бот и 63 гостей (основано на активности посетителей за последние 24 часа)

Страница 1 из 1

[ 1 сообщение ]

Блок с прокруткой на js

Версия для печати

Пред. тема | След. тема

Автор Сообщение

Belk (Андрей)

11 янв 2026, 09:01 Блок с прокруткой на js

Администратор

Стаж: 5 месяцев 21 день
Сообщения: 228
Откуда: здешние мы

Стиль сайта: subsilver2
Настоящее имя: Андрей

Скроллинг на js

Удобная реализация скроллинга по вертикали. Может кому и пригодится.

скачать демо из архива сайта посмотреть демо

Подключение к вашей странице:

папку js загрузить в корень сайта и прописать в шапке подключение скрипта

Код: Выделить всё

<link type="text/css" rel="stylesheet" href="js/jscrollpane.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
   <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
   <script type="text/javascript" src="js/jscrollpane.js"></script>
<script type="text/javascript">
   jQuery(function()
   {
      jQuery('#pane').jScrollPane({scrollbarWidth:18, showArrows:true});
   });
</script>

Подключение на странице самого скроллинга:

Код: Выделить всё

<div class="scrollBox">
       <div id="pane" class="scroll-pane">
       ваш код
       </div></div>

Немного о внешнем виде:
В файле /js/jscrollpane.css находятся все необходимые настройки вида, а вот этот кусок

Код: Выделить всё

.scroll-pane {
       width: 250px; /* Ширина видимой области*/
    height: 400px; /* Высота видимой области*/   
   overflow: auto; /* Если отключены скрипты это правило позволит отобразить обычный скролл */   }

задаёт область скроллинга.

трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."

Цитата

Страница 1 из 1

[ 1 сообщение ]

Кто сейчас на конференции:

Всего посетителей: 1, из них зарегистрированных: 0, скрытых: 0 и гостей: 1 (основано на активности пользователей за последние 5 минут)
Больше всего посетителей (63) здесь было 23 май 2026, 12:35

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

Список форумов » Сайтостроение » Разное

Часовой пояс: UTC + 3 часа

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Текущее время: 27 июн 2026, 23:36