search

peachananr / onepage-scroll

Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin
http://peachananr.github.io/onepage-scroll/Demo/demo.html
9.54k stars 2.06k forks source link

How work with grid system? #315

Open lexa45ru opened 7 years ago

lexa45ru commented 7 years ago

Hello freinds. Please help me in my trouble. I have sceleton page like this: section id="g-mainbody" div class="g-grid" div id="slide-about" class="g-block nopaddingall nomarginall slide slide-about size-100" div class="g-content" div class="moduletable" div class="g-particle" h2Title 1/h2 h3Subtitle 1/h3 divSome text 1/div /div /div /div /div /div div class="g-grid" div id="slide-next" class="g-block nopaddingall nomarginall slide slide-about size-100" div class="g-content" div class="moduletable" div class="g-particle" h2Title 2/h2 divSome text 2/div /div /div /div /div /div `/section``

This sceleton generated over gravCMS with Gantry5 framework

I execute script with this parametr sectionContainer: ".g-grid .slide" or sectionContainer: "div.g-grid div.slide" no difference.

On output i see both slides on page and working navigation

Sorry for my english

MSupreme1990 commented 7 years ago

го на русском!!!

lexa45ru commented 7 years ago

Проблема в общем такая есть скелет, тот что выше, для примера там два блока, но на самом деле их будет больше. Блоки добавляются из админки (CMS Grav, шаблон Gantry5 Helium). Так вот каждый блок посредством шаблона обрамляется еще одним блоком g-grid, и как мне кажется из-за этого скрипт неправильно обрабатывает эти блоки. На выходе я получаю оба блока на одном экране, Навигация работает, параметры блоков slide меняются при скролле, но они на одном экране и не активный не скрывается.

UPD: сейчас убрал блоки g-grid из скелета, ничего не поменялось. Завтра буду копаться с CSSками

MSupreme1990 commented 7 years ago

Я думаю, что у тебя просто не правильно настроен сам скрипт. Посмотри настройки скрипта и почитай документацию, обрати внимание на вложенность, всё ли правильно, я думаю что-то из этого должно помочь)

lexa45ru commented 7 years ago

Сам скрипт работает, и это видно, потому что меняются параметры блоков, меняется положение навигатора страничного, но сами страницы не меняются. UPD: все дело было, как я и подразумевал, в CSS.