@acspro

Как проскролить до нужного блока используя плагин fullpage.js и slimscroll?

Дело происходит тут.
colorbar.acspro.ru
Я использую плагин fullpage.js

В связке с плагином SlimScroll

Первые 3 блока у меня FullScreen. В последнем поднимается SlimScroll.
В Первом блоке у меня есть меню (значок в правом верхнем углу). В нем есть пункт Контакты который ссылается на id="screen-contacts" Так вот. Я уже неделю пытаюсь проскроллить на нужный блок. Перепробовал множество вариантов но не хватает знаний и опыта. Уважаемые гуру, подскажите пожалуйста как это сделать.
  • Вопрос задан
  • 513 просмотров
Пригласить эксперта
Ответы на вопрос 1
@acspro Автор вопроса
Кому интересны мои костыли
для Fullpage.js делаю так
afterLoad: function(anchorLink, index) {
            if(index == '4'){
                if(window.ContactFlag==true)
              $("#products-screens .fp-scrollable").animate({ scrollTop: $('#screen-contacts').position().top }, 600)
					window.ContactFlag=false
            }

		}

Потом создаю переменую флаг
на кнопку ставлю обработчик
window.ContactFlag=false;
			$(document).on('click','.nav-link-contacts',function(event){
				event.preventDefault() 
				window.ContactFlag=true
				$.fn.fullpage.moveTo($(this).data('link'), 0)
				return false
				})
			$(document).on('click',".footer-link",function(eventObject) {
				$("#products-screens .fp-scrollable").animate({ scrollTop: $('#screen-contacts').position().top }, 600);
						event.preventDefault() 
					 $("#products-screens .fp-scrollable").animate({ scrollTop: $('#screen-contacts').position().top }, 600);
			return false;
			})
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы