Как избежать конфликта bootstrap 3 и One Page Scroll?

Question

[TRNER]

Здравствуйте. Верстаю сайт с использованием фреймворков Bootstrap 3 и One Page Scroll. От бутстрапа взял фиксированное снизу меню, которое One Page Scroll уверенно игнорирует и при прокрутке всегда оставляет внизу первой секции.

Код OPS(если надо):

$(".main").onepage_scroll({
         sectionContainer: "section", 
         easing: "ease", 
         animationTime: 1000, 
         pagination: false,
         updateURL: false
 });

Код navbar'a(если надо):

<nav class="navbar navbar-default navbar-fixed-bottom navigate">
                <div class="container">
                    <div class="collapse navbar-collapse" id="navbar-collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="#">Страница 1</a></li>
                            <li><a href="#">Страница 2</a></li>
                            <li><a href="#">Страница 3</a></li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#"><span class="badge" style="background-color: #fff; color: #E80C38; margin-left: -7px;">1</span></span></a></li>
                            <li><a href="#">Log-In</a></li> 
                        </ul>
                    </div>
                </div>
            </nav>

Как избежать этой проблемы? Надеюсь на вашу помощь.

Comments

[Сергей delphinpro]

нужна живая страница для анализа ситуации

[Виктор Янышев]

Тебе видимо отступ по высоте меню нужен?

[TRNER]

Виктор Янышев: Если я вас правильно понял, то нет. Навигационное меню на сайте "прибито" к низу страницы, и при любом положении на сайте она будет зафиксированна в самом низу. Но когда я начинаю использовать One Page Scroll, то навигационное меню зафиксировано лишь внизу первой секции(т.н. "экрана"), а у остальных секций просто отсутствует.

[TRNER]

Сергей: Вот мой проект(он весь хромой, только не смейтесь) ) https://yadi.sk/d/4kmHlCc33ETPaU