Я хотел бы создать заголовок на странице, который не перемещается при прокрутке страницы.
Это кажется простым, просто добавьте в стиль "position: fixed", но затем содержимое появляется под заголовком, потому что заголовок "удален из потока". Поэтому решение, я думаю, заключается в добавлении "margin-top: height" в контент.
Каков наилучший способ решить эту проблему, когда высота заголовка является переменной?
У меня есть скрипка, которая демонстрирует проблему:
http://jsfiddle.net/waterlooalex/j4Z8F/2/
Предоставление вашего окна браузера не слишком велико, текст содержимого будет прокручиваться ниже заголовка "hello world", проблема в том, что первая строка текста "Lorem ipsum..." скрыта. У меня есть комментарий из javascript, который работает вокруг проблемы.