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

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

Нет прав для скачивания

Skaiman

Проверенные
Сообщения
18,248
Решения
227
Реакции
33,771
Баллы
21,375
Пользователь Skaiman разместил новый ресурс:

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

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

Скачиваем архив с файлом jquery.nicescroll.js и закидываем его в папку js....

Узнать больше об этом ресурсе...
 
So, it will effect in every scroll areas? Cool.:-)
 
Полоса прокрутки будет только для тега code, как вертикальная, так и горизонтальная. Но применить плагин можно для любой области:
в строке $(".code").niceScroll({cursorborder:"1px solid #E0E0E0",cursorcolor: '#BFBFBF',cursorfixedheight:'60'});, .code - область применения, а {cursorborder:"1px solid #E0E0E0",cursorcolor: '#BFBFBF',cursorfixedheight:'60'} - настройки плагина, именно для этой области, значит можно применить для разных тегов, с разными настройками.
Допустим если у Вас фиксированная высота в цитате, можно применить и для нее:
Код:
<script src="js/jquery.nicescroll.js"></script>
<script>
$(document).ready(function() {
$(".code").niceScroll({cursorborder:"1px solid #E0E0E0",cursorcolor: '#BFBFBF',cursorfixedheight:'60'});
$(".quote").niceScroll({cursorborder:"1px solid #E0E0E0",cursorcolor: '#BFBFBF',cursorfixedheight:'60'});
});
</script>

 
Последнее редактирование:
"Открываем файл page_container_js_head, добавляем в него: "
Я не очень понимаю что за файл, туда вставлять?(куда именно)
100853
 
  • Печально
Реакции: Hope
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу