1
// установливаем обработчик события resize
    $(window).resize(function () {
        $("header").text($(window).height());
    });

// вызовем событие resize
    $(window).resize();

В блок с классом .header вставляется текст с размером текущей высоты браузера, а мне надо, что бы эти цифры в стили шли:

    <header class="header" style="height: 1240px">
       Тут моя верстка
    </header>

Заранее всех благодарю.

2 ответа 2

2

Ответ Станислава верный. Но я просто оставлю это здесь.

Если вам требуется уставновить значение чего-либо в пропорции к окну, вы можете обойтись без js. Я говорю про так называемые viewport units для современных браузеров.

Поэтому, альтернативный путь решения вашего вопроса - установить 100vh к высоте хедера в css стилях:

header {
    height: 100vh;
}

Посмотреть поддержку браузерами.

3
  • забыл про это свойство, и как раз поддержка браузеров мне подходит, спасибо большое. Воспользовался вашим ответом!
    – Aleksandr
    29 апр 2017 в 8:59
  • @alex-lenk слева зеленое спасибо ;)
    – MihailPw
    29 апр 2017 в 9:17
  • Хотел поставить, но не имею права, вопрос про скрипт задавал, человек ответил, помог мне. А вы дали альтернативный способ, который я и применил.
    – Aleksandr
    29 апр 2017 в 9:30
1
$(window).resize(function () {
    $("header").css("height", $(window).height());
});
3
  • Uncaught SyntaxError: missing ) after argument list
    – Aleksandr
    29 апр 2017 в 8:45
  • 1
    @alex-lenk, тьфу, да, там не двоеточие, а запятая. Исправил ответ. 29 апр 2017 в 8:47
  • 1
    То что доктор прописал, спасибо огромное!
    – Aleksandr
    29 апр 2017 в 8:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.