Прокрутка страницы под позицией: фиксированное содержание [закрыто]

У меня есть верхняя область навигации с положением: исправлено

Я бы хотел, чтобы содержимое страницы прокручивалось нормально, но не исчезало при навигации. Основная проблема заключается в том, что когда я делаю поиск (это полная CMS с сотнями результатов в разных модулях), то, что я ищу, иногда прокручивается под навигацией. Я согласен с этим, потому что я знаю, что происходит, но я бы хотел, чтобы это хорошо работало для моих пользователей. Я полагаю, я мог бы использовать набор фреймов, но есть ли другой способ?

Я в основном имею то, что вы напечатали, за исключением того, что у меня есть div содержимого с margin-top: 50px. Проблема в том, что содержимое div прокручивается вместе со страницей, поэтому у меня есть 50px скрытого содержимого, как только страница начинает прокручиваться. Это особенно очевидно, если я выполняю поиск в браузере (Ctrl-F). Я решил проблему печати с помощью таблицы стилей @print, удаляющей область навигации, но я хотел бы, чтобы прокрутка происходила только ниже навигации.

Я думал о попытке:

body {
overflow: no-scroll; (or whatever the css is for this)
}

#content {
overflow: scroll;
}

Это может избавить от полосы прокрутки браузера и иметь только одну для области содержимого. Не уверен, как это будет выглядеть. Все еще не идеально. Вероятно, это будет выглядеть как набор фреймов без раздражений.