Как перезапустить плагин stellar.js
Доброго времени суток!
Плагин работает корректно если бы ни одно но. На сайте есть каталог, отображено 9 позиций, ниже кнопка "посмотреть весь каталог" при нажатии вниз открывается много позиций. Открытие-закрытие реализовано посредством slideToggle. При раскрытии каталога параллакс блок расположенный ниже не съезжает вниз вместе с блоком, а остается на том же месте где запустился. Если плагин stellar.js отключить то картинка не заезжает под каталог, а опускается вниз как положено. Пытался заново инициализировать запуск скрипта stellar.js при клике на кнопке, но не помогло. Как это можно сделать? Спасибо! |
Alehandro_North,
нужен минимальный макет с проблемой, и ссылка на документацию по плагину, иначе ждать телепата. |
ССылка на документацию к плагину http://markdalgleish.com/projects/stellar.js/docs/
$(document).ready(function(){ $(".slide-toggle").click(function(){ $( ".more" ).slideToggle(1000); }); }); <section id="catalog"> <div class="catalog"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <button class="slide-toggle"></button> <div class="more"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </section> <section class="parallax block1" data-stellar-background-ratio="0.5"> <div class="parallax-content" > <span></span> </div> </section> |
Инициализация скрипта stellar.js
$(function(){ $.stellar({ horizontalScrolling: false, verticalOffset: 40 }); }); |
Часовой пояс GMT +3, время: 11:26. |