2015-07-23 4 views
-1

Я пытаюсь создать простой блог с помощью Metalsmith и библиотеки fullPage.js.Блог Metalsmith с использованием FullPage.js

На данный момент у меня есть проблема, когда высота раздела divs при начальной загрузке примерно в 2 раза правильного размера.

Т.е. когда он изначально загружает высоту в консоли, читает 1563px.

Странно, что если я изменил размер окна браузера любым способом, т.е. сделайте его больше или меньше, высота div (class = 'section') затем изменится на правильную высоту в консоли и в браузере, и все будет правильно расставлено (с обычными размерами divs, в отличие от супер высоких что там было ранее.

Эта начальная высота несогласованность вызывает много проблем с выравниванием в моем макете, такие как prev/next стрелки, а также содержание отда.

здесь ссылка на мой общедоступный мерзавец репо для этого project.

Если вы хотите запустить это локально, вы можете потянуть его, запустить npm install, а затем запустить nf start. После этого вы сможете получить доступ к нему на localhost/3000.

Если у кого-то есть предложения, которые будут высоко оценены.

Спасибо.

ответ

1

Это не идеальный вариант для публикации вашего источника. Ссылка, воспроизводящая ошибку, будет намного лучше.

В любом случае, я считаю, что ваш случай является отсутствием обязательной декларации DOCTYPE в самом начале страницы.

Посмотрите на any examples of fullpage.js. У всех это есть.

Добавьте это в первой строке вашего HTML-файлов в результате:

<!DOCTYPE html> 
+0

Спасибо так много Альваро. Это был мой первый раз, используя Stack Overflow, поэтому я не был уверен, что такое протокол. В любом случае это, похоже, исправить проблему. Большое спасибо моему другу! –

+0

@AndrewHeppner подумайте о принятии вопроса (по тику) для будущих посетителей с той же проблемой. – Alvaro