Можно ли реализовать это при помощи плагина?

Question

[Гриша Никольский]

Привет. У меня есть следующий макет: justme.matdev.ru/index-image.html
Как можно заметить, все секции объединены в блок .sections за исключением хедера. Также внутри .sections заключено меню, которое прилипает к экрану при скроле (sticky div). Мне хотелось бы реализовать на этом сайте прокрутку как здесь app.moptym.com/do-slide
В примере используется плагин doSlide ( https://github.com/MopTym/doSlide/blob/dev/README.md ).
Возможно ли вообще это? Я попытался, но положительного результата не смог достичь, оставив меню. Его пришлось убрать, а хедер с остальными секциями объединить под "одной крышей" (дивом). Это не так страшно, а вот меню хотелось бы сохранить, а так же его способность прилипать к топ'у экрана после прокрутки.

Заранее спасибо на ответ, мучаюсь уже 2 часа.

Comments

[romy4]

Григорий, здравствуйте

[romy4]

Покажите вашу страницу с уже установленным на ней do-slide

[Гриша Никольский]

romy4: там вопрос состоит в том, как его установить туда. Он ведь завязан на блоке, к которому привязывается сам плагин. И тут не понятно, как его правильно расположить. Вы хотите увидеть версию, где все работает, но меню приходиться убрать?

[romy4]

Гриша Никольский: мне не понятен вопрос
> попытался, но положительного результата не смог достичь, оставив меню
хотелось увидеть попытку и что в ней не так

[Гриша Никольский]

romy4: загрузить будет возможность через час. Но там все завязано на одном div в этом плагине. В JS нужно прописать этот див и вызвать от него функцию, которая запустит сам этот плагин. Плагин предполагает, что внутри этого дива будут исключительно секции, но у меня помимо секций там еще лежит див с менюшкой, которую вынуть из этого дива нельзя, ведь тогда она работать не будет. Но если ее НЕ вынуть, то сам плагин будет работать некорректно.

[romy4]

Гриша Никольский: а почему нельзя .sections обернуть в ещё один див и туда вынести меню и назвать его id=fullpage. таким образом меню будет оставаться на том же уровне, как и было, а к секциям уже можно применять плагин

[Гриша Никольский]

romy4: Это решение. Однако для положительного результата мне нужно включить хедер в качестве одной из секций, чтобы такая прокрутка начиналась сразу же, как мы зашли на сайте. И вот в таком случае уже не ясно как решать проблему.

[Гриша Никольский]

Можно поставить вопрос по-другому: можно хедер и секции объединить под одним дивом, к которому подключить плагин. Меню из этого дива убрать. А теперь как мне при помощи абсолютного позиционирования расположить меню слева от первой секции, если это меню уже находится вне объединяющего дива?

[romy4]

Гриша Никольский: для вашего меню нет разницы будет оно уменьшать ширину всех секций сразу или один слой, который содержит все секции.

[romy4]

Гриша Никольский: ещё непонятно, почему постоянно обновляется класс у текущей секции
"section _mPS2id-t mPS2id-target mPS2id-target-first mPS2id-target-last" каждую секунду обновлятся

[Гриша Никольский]

justme.matdev.ru/index-image.html - вариант с менюшкой внутри этого дива, justme.matdev.ru/index-image2.html - вариант без менюшки. БУдет доступно через 2 минуты.

[Гриша Никольский]

romy4: + не работает внутренний скрол в секции с портфолио, но это уже отдельный вопрос конечно

[romy4]

Гриша Никольский: я предлагал не так, ну ладно.

[Гриша Никольский]

romy4: да, вы предлагали не так. Но в таком случае header не будет считаться за секцию и он будет прокручиваться обычным способом, а как дойдет до секций, то начнет уже так, как предполагает плагин. А т.к такая опция плагином не предусмотрена, то все это действо будет сопровождено багами.

[romy4]

Гриша Никольский: в таком случае, я предлагаю меню вынести за пределы, активировать doSlide и после этого меню перенести жаваскриптом внутрь блока секций. Семантически меню всё равно должно быть в хедере.

[Гриша Никольский]

romy4: А что мне это даст? Меню должно находиться под хедером, слева от секции #about, а потом вместе с экраном перемещаться ниже. А если его перенести при помощи JS тупо в блок, которые объединяет хедер и секции, то оно будет расположено поверх хедера. Или я что-то не так понял?

[romy4]

Гриша Никольский: возвращать его в первоначальную позицию, как оно было сделано, когда сдвигало сексии. но уже после активации слайдера

[Гриша Никольский]

Я примерно понял мысль. Буду стараться. Спасибо! Если хотите, можете в качестве ответа ниже это оставить, я решением отмечу.