Понедельник, 18.01.2021, 13:23
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Пользуетесь ли вы Поиском?


Всего ответов: 1420

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 6
Гостей: 6
Пользователей: 0


Зарегистрировано 31029 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5155 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [14.11.2013, 22:07]

Прокрутка контента в блоках колёсиком для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Очень поучительный материал. Учиться никогда не поздно, особенно если дело касается прокручивания контента в блоках колесиком через небольшой плагин JQuery. Частенько былвает у васех у нас так, что нужно прокрутить информацию, находящуюся в блоках, а скроллбар не хочет помогать, а только мешает, мозолит глаза и портит все веселье от прокручивания. Посоветуйте хостинг для joomla, но зачем если и на uCoz есть такие замечательные фишки.

А вот этот плагин, который мы вам сегодня предлагаем, позволяет забыть про эти мелкие неприятности и прокручивать абсолютно любую информацию в любых блоках не используя полосы прокрутки. Но как же тогда крутить - спросите вы. Мышью! Колесиком мыши прокручивайте вашу информацию в блоках и +100500 вам к карме за это. Согласитесь, очень удобный метод и хороший плагин. Поздравления создатели принимают в комментариях. Ну а если серьезно, легенький и не сложный плагин действительно упрощает жизнь, когда информации очень много и скроллбаром ее крутить просто нету сил. А с мышкой всегда проще. В установке неприхотлив -  ставится скрипт после /head на нужных страницах. Количество блоков на странице можно установить любое - чем больше, тем интереснее проверять плагин на работоспособность. Так что от нас и от Ucoz  для вашего удобства. Принимайте!

Важно! Скрипт из прикреплённого архива залейте в папку js

Установка:

После /head на нужных страницах:

<script src="/js/mousewheel.js"></script>
<script>
// Прокрутка колёсиком в блоках by ApoTeam (c) 2013
$(document).ready(function() {
$('div.apoblock').mousewheel(function(event, delta, deltaX, deltaY) {
if (delta == -1) {
$(this).stop().scrollTo($(this).scrollTop() + 55, 300)
}
if (delta == 1) {
$(this).stop().scrollTo($(this).scrollTop() - 55, 300)
}
return false;
});
});
</script>


Обратите внимание на 55 - это значение в пикселях, на которое будет прокручиваться блок при каждом движении колёсика мышки

В самый низ вашего css:
.apoblock {
width:300px;
height:110px;
background: rgb(220, 250, 220);
padding:10px;
border:1px solid #ccc;
overflow:hidden;
}


Количество блоков на странице может быть любое. Блоки оформляются следующим образом:
<div class="apoblock">
Любой контент
<br />
Любой контент
<br />
Любой контент
<br />
Любой контент
<br />
Любой контент
<br />
Любой контент 2
<br />
Любой контент 2
<br />
Любой контент 2
<br />
Любой контент 2
<br />
Любой контент 2
<br />
Любой контент 2
<br />
Любой контент 2
<br />
</div>


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Прокрутка контента в блоках колёсиком для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: колёсиком, блоках, прокрутка, uCoz, контента
Просмотров: 3765 | Загрузок: 10 | Рейтинг: 0.0/0


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz