HTML высота тела 100%

0

Когда я пытаюсь установить html, body на 100% высоту, все сценарии jquery, которые полагаются на положение прокрутки, перестают работать. Почему это? http://creativelycoded.com/demos/Astonish/one-page/index.html

Вот мой сайт. Если вы используете элемент проверки и добавляете 100% высоты, вы увидите, что я имею в виду.

Мне нужно 100% высоты, чтобы получить размер фона: обложка для правильной работы на iPhone и iPad. Прямо сейчас фоновые изображения масштабируются на всю высоту документа. Но когда я добавляю 100% высоты в html и тело, они масштабируются должным образом, но мои скрипты прикручиваются.

Любая помощь будет оценена.

Спасибо, Джон

Теги:
height

3 ответа

0

добавьте стиль в свой html-код, например style="height:100%"

Поделиться
0

вы не можете иметь html или тело с высотой: 100% и использовать скрипты на основе положений прокрутки. scrollTop() больше не работает

попробуйте html, body{ height:100vh; } html, body{ height:100vh; }

Это использует новый модуль vh в CSS3, что означает 100% высоты видового экрана. Он работает в современных браузерах.

Таблица поддержки: http://caniuse.com/#feat=viewport-units

Поделиться
0

Я считаю, что установка высоты до 100% означает, что полосы прокрутки не будет, и поэтому нет положения прокрутки.

Если вы установите css:

html{ overflow-y: scroll; }

он может это исправить.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню