1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

Стилизация полосы прокрутки CODE с плагином NiceScroll.

Тема в разделе "Модификации шаблонов", создана пользователем Skaiman, 23 июн 2014.

Загрузка
  1. Skaiman

    Skaiman Местный

    Регистрация:
    08.06.14
    Сообщения:
    157
    Симпатии:
    223
    Версия XF:
    1.4.0
    Стилизация полосы прокрутки CODE с плагином NiceScroll.

    Плагин nicescroll позволяет придать стандартным полосам прокрутки стиль внешне похожий на используемый в ios (как у apple). Поддерживается изменение как вертикальной, так и горизонтальной полосы прокрутки.
    В современных браузерах реализовано аппаратное ускорение. Использование animationFrame для более плавной прокрутки и сохранения CPU (если поддерживается браузером)

    Скачиваем архив с файлом jquery.nicescroll.js и закидываем его в папку js. Открываем файл page_container_js_head, добавляем в него:
    Код:
    <script src="js/jquery.nicescroll.js"></script>
    <script>
    $(document).ready(function() {
    $(".code").niceScroll({cursorborder:"1px solid #E0E0E0",cursorcolor: '#BFBFBF',cursorfixedheight:'60'});
    });
    </script>
    [​IMG]

    В принципе можно использовать не только для CODE, но это уже дело Вашей фантазии.
    Плагин имеет еще кучу настроек, здесь можно их посмотреть:
    --- добавлено : Jun 23, 2014 12:45 PM ---
    Скачать архив:
     

    Вложения:

    Последнее редактирование модератором: 1 июл 2014
    aligon7 и Mirovinger нравится это.

Поделиться этой страницей