Используя ES2017, вы должны иметь это как объявление функции
async function foo() {
var response = await $.ajax({url: '...'})
return response;
}
и выполнить его следующим образом.
(async function() {
try {
var result = await foo()
console.log(result)
} catch (e) {}
})()
Или синтаксис Promise
foo().then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})
... Как уже было сказано в вышеприведенных комментариях, вам нужно использовать решение JS, если только вы не можете узнать, на каких разрешениях высота фиксированного заголовка увеличивается, и в этом случае вы можете использовать медиа-запросы и либо использовать padding-top для элемента #wrapper, равного высоте фиксированного заголовка, или используйте пустой элемент с высотой, равной высоте заголовка.
Поскольку вы только хотите использовать CSS, вы можете просто установить padding-top
на свой #wrapper
div, чтобы он перемещал содержимое ниже нижней части заголовка. Затем отрегулируйте размер padding-top
для каждого размера экрана в запросах мультимедиа.