Headroom
Интерактивная страница где можно поиграться с опциями плагина
Изменяйте параметры ниже и посмотрите какой эффект они вызывают. Примеры стилей используемых ниже являются слегка измененные эффекты библиотеки animate.css. Исходники стилей можно найти на ГитХабе.
При изменении параметров они автоматически применяются к шапке этой страницы. Пример кода, также сразу генерируется ниже.
Просто JS
Используя ванильный JS передайте параметры в качестве второго аргумента конструктору Опции автоматически с мерживаются (merged) с дефолтными.
jQuery/Zepto
Используя плагин, передайте объект опций в качестве единственного параметра.
Data API
Если вы используете data-* API, указывая опции плагина как data атрибуты. Для опции изменения classes (стилей) указывается JSON объект в атрибуте.
AngularJS directive
Headroom может использоваться как элемент или директива атрибута. Когда используется директива элемента, передайте опции в headroom через атрибуты.