Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.02.2018, 19:09
Новичок на форуме
Отправить личное сообщение для Alehandro_North Посмотреть профиль Найти все сообщения от Alehandro_North
 
Регистрация: 20.02.2018
Сообщений: 3

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

Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 20.02.2018, 19:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Alehandro_North,
нужен минимальный макет с проблемой, и ссылка на документацию по плагину, иначе ждать телепата.
Ответить с цитированием
  #3 (permalink)  
Старый 20.02.2018, 19:38
Новичок на форуме
Отправить личное сообщение для Alehandro_North Посмотреть профиль Найти все сообщения от Alehandro_North
 
Регистрация: 20.02.2018
Сообщений: 3

ССылка на документацию к плагину 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>
Ответить с цитированием
  #4 (permalink)  
Старый 20.02.2018, 19:40
Новичок на форуме
Отправить личное сообщение для Alehandro_North Посмотреть профиль Найти все сообщения от Alehandro_North
 
Регистрация: 20.02.2018
Сообщений: 3

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как получить результат от ajax запроса (из отдельного файла) 1Feniks1 AJAX и COMET 0 12.03.2017 18:45
Как создать цитатник? WGN Общие вопросы Javascript 10 29.01.2017 01:39
Как загрузить картинку при display:block; используя всем известный плагин lazyload raindew jQuery 9 01.10.2013 14:55
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Как сделать как в JQ? faforty Общие вопросы Javascript 8 14.11.2011 01:35