Boostrap.Проблема с навигацией, не держитесь наверху - PullRequest
Новая
       15

Boostrap.Проблема с навигацией, не держитесь наверху

0 голосов
/ 25 июня 2018

Я работаю с «одностраничным шаблоном» с нуля (просто для удовольствия и обучения).Я начал проверять примеры из Boostrap .Позже я заметил, что мои div не заполняют ширину / высоту так, как я хотел, поэтому я решил попытаться решить эту проблему с помощью простого CCS, но не получилось, а затем, в другом примере, я использовал некоторый код из FullPage.js.

Мне очень нравится этот пример начальной загрузки, и моя единственная цель - заполнить каждый div на экране, но держать навигацию вверху.

У меня есть два рабочих примера на jsfiddle, чтобы вы знали, что я делаю.

1: fullpaje.js : В этом случае панель навигации не работает должным образом в полноэкранном режиме, но работает, когда она не полноэкранная, да, странно .. Я имею в виду, что в полноэкранном режиме нетНе показывайте, в каком div вы проверяете, с другой стороны, когда не полноэкранный режим, он работает.(может быть, в jsfiddle работает, потому что это не fs, попробуйте поместить код и сохранить его в HTML-файл, чтобы увидеть, что я говорю) 

    $(document).ready(function() {
        $('#fullpage').fullpage({
        /* no options */
        });
    });

2: только с помощью css В этом navbar теряется во втором div, и я не знаю, работает ли он правильно.Он просто исчезает при прокрутке вниз. 

html, body {height: 100%;}
#section1 { width: 100%; height: 100%;}
#section2 { width: 100%; height: 100%;}
#section3 { width: 100%; height: 100%;}
#section4 { width: 100%; height: 100%;}

Есть ли у вас какие-либо предложения по этому поводу?Спасибо

1 Ответ

0 голосов
/ 25 июня 2018

Я поместил HTML-код в файл, запустил его и увидел ту же проблему.Я исправил это, загрузив пакеты JavaScript jquery.easings / scrolloverflow и страницу таблицы стилей jquery.fullPage. У вас они установлены?

...