Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как перезапустить плагин stellar.js (https://javascript.ru/forum/misc/72707-kak-perezapustit-plagin-stellar-js.html)

Alehandro_North 20.02.2018 19:09

Как перезапустить плагин stellar.js
 
Доброго времени суток!
Плагин работает корректно если бы ни одно но. На сайте есть каталог, отображено 9 позиций, ниже кнопка "посмотреть весь каталог" при нажатии вниз открывается много позиций. Открытие-закрытие реализовано посредством slideToggle.
При раскрытии каталога параллакс блок расположенный ниже не съезжает вниз вместе с блоком, а остается на том же месте где запустился. Если плагин stellar.js отключить то картинка не заезжает под каталог, а опускается вниз как положено.
Пытался заново инициализировать запуск скрипта stellar.js при клике на кнопке, но не помогло.
Как это можно сделать?

Спасибо!

рони 20.02.2018 19:15

Alehandro_North,
нужен минимальный макет с проблемой, и ссылка на документацию по плагину, иначе ждать телепата.

Alehandro_North 20.02.2018 19:38

ССылка на документацию к плагину 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>

Alehandro_North 20.02.2018 19:40

Инициализация скрипта stellar.js
$(function(){
			$.stellar({
				horizontalScrolling: false,
				verticalOffset: 40
			});
		});


Часовой пояс GMT +3, время: 11:26.