Гиперссылка и идентификатор фрагмента Проблема смещения по вертикали

Вверху моей страницы находится статически расположенная полоса меню, которая следует за экраном во время прокрутки.

При использовании связывания фрагментов положение прокрутки должно быть смещено на высоту полосы меню. Как этого достичь?

<a href="#fragment">Go to fragment</a>
<div id="fragment">...</div>

html { padding-top: 38px; } /* Offset page to allow for menu strip */
.menu-strip { position: fixed; top: 0; right: 0; left: 0; height: 38px; }

Есть ли простое изменение CSS, которое можно сделать для этого?

В противном случае, есть ли общий способ смещения прокрутки на 200 пикселей при указании фрагмента?