Как изменить высоту fullpage?

Question

[Shuboanator]

Делаю фулскрин сайт на основе https://github.com/alvarotrigo/fullPage.js/
этого плагина. По задумке сайт имеет рамку. Как изменить код, что бы подогнать "fullpage" под размер окна рамки?
Ширина вроде меняется без проблем, а вот высота всегда 100%.

P.S:Рамка должна быть фиксированная.

Answer 1

[teotlu]

А почему вы просто не сделаете рамку поверх, к примеру, а в каждом слайде отступ, равный рамке? Не самое красивое решение, зато точно сработает.
А ещё у плагина есть свойства paddingTop, paddingBottom и fixedElements, с помощью которых должно быть достаточно легко сделать такое.

Comments

[Shuboanator]

teotlu пока делаю так, но это выглядит не так, как хочется.

[teotlu]

Shuboanator: странно, а что не выходит? Главное, при добавлении отступов проставьте box-sizing: border-box, как советует gracer .

[teotlu]

Shuboanator: обновил ответ, попробуйте свойства paddingTop и paddingBottom, вдруг это то, что вам нужно.

[Shuboanator]

teotlu паддинг не поможет) тут именно изменение высоты самого ока требуется)

[teotlu]

Shuboanator: почему? Если сделать, как я посоветовал, с фикс. рамкой и отступом, равным рамке, в каждом слайде (и border-box, чтобы этот отступ не плюсовался в высоту), то должен помочь.

[Shuboanator]

teotlu: контент то влезет, а вот пустая часть слайда останется. От нее мне и надо избавиться)

[gracer]

может покажете тогда где-нибудь реальный пример, чтобы видеть какую проблему решаем?

[teotlu]

Shuboanator: т.е. вас не устраивает, что у экранов будет padding, вам нужно проинициализировать скрипт не в окне, а в блоке, и это единственное приемлемое решение. Так?