Подскажите как исправить или похожий плагин

[laliev]

Всем привет. Есть сайт  http://test.htmlcenter.by/ra-land (сайт тяжелый)

 

Используется плагин fullpage.js 

 

Подскажите пожалуйста как мне сделать так что бы при перелистывании (скролинге) , текущий слайд уезжал в сторону, а следующий был статичным под ним, как будто один слайд открывает другой. может кто то знает подобные плагины  или знает как примерно такое можно реализовать в fullpage?? заказчик в итоге захотел такую анимацию, а тут я не нашел возможности такое реализовать! может у кого то идеи есть как можно исправить? или плагин с которым можно переделать. 

 

Большое спасибо!

[antonKar]

Тут самому написать на час максимум.

 

Через mousewheel отслеживаем направление скролла мыши и соответственно перемещаем фиксированно позиционированные блоки. Или 1 элемент у нас fixed, а остальные внутри absolute и их уже перемещаем.

[laliev]

Тут самому написать на час максимум.

 

Через mousewheel отслеживаем направление скролла мыши и соответственно перемещаем фиксированно позиционированные блоки. Или 1 элемент у нас fixed, а остальные внутри absolute и их уже перемещаем.

Спасибо большое за подсказку!

а подскажите пожалуйста,  как быть если 2 последних слайда должны быть с нормальной вертикальной прокруткой, но каждый экран в размер экрана. и вообще каждый слайд подстраивается под текущий размер экрана?

[antonKar]

как быть если 2 последних слайда должны быть с нормальной вертикальной прокруткой

 

Можно попробовать сделать так. У нас каждый div-слайд - это просто обёртка, внутри которого находится контент. Для html и body делаем oveflow-y: hidden, для div-слайдов (всех) делаем overflow-y: scroll.

 

Получится, что каждый div-слайд будет иметь собственный скролл для контента внутри него.

 

А если хотите сделать скролл кастомным, то для этих целей рекомендую baron.js от 2ГИС.

 

А чтобы не напрягаться для каждого слайда с высотой и шириной через javascript, попробуйте каждый для каждого div-слайда (абсолютно спозиционированного) и их родительского блока (фиксированно спозиционированного) задать 0 для css- параметров left, right, top, bottom. У меня в голове вроде как это всё идеально срабатывает, но не знаю как на практике оно будет.

 

И да, у mousewheel параметр deltaY может быть не только -1 или 1, но ещё и -2 и 2 и т.д., так что лучше проверять не на deltaY, а на Math.sign(deltaY), которое будет всегда возвращать или -1, или 1.

Edited May 16, 2015 by antonKar