laimas,
так уже давно всё раскрасили,

вопрос в том как сделать чтобы содержимое див'а со скроллингом при первоначальной загрузке и при обновлении страницы было смещено/прокручено на столько то пикселей, и чтобы оставалась возможность прокрутки в обе стороны

Поскольку я буду вручную редактировать страницы, скрипты не нужны, чисто стили

<script>
  window.onload = function() {
    menu5.scrollTop = 36
  };
</script>

вот что нужно, но вопрос как реализовать это чисто на css?

Я не знаю средств css, которые бы занимались прокруткой, есть отступы внутренние/внешние.

CSS Snap Level 1, хотя то, что требует Блондинка, является скорей якорем!

А зачем вам страницы, вам достаточно одной страницы! Вам же не нужен кипятильно-плиточный код!

Я не знаю, чем вам не подходит вами же написанное решение на JS! А не кажется ли вам, что пользователь должен сам решать, что ему смотреть? Может тогда стоит удалить или переместить ниже то, что вы хотите скрыть!

UPD Ваше width: 200px; display: inline-block; делается так: display: block;

внешние это наверное правильнее назвать полями, но не суть, главное что понятно о чём разговор.

возможно ли переделать этот скрипт
есть несколько див'ов со скроллингом, в каждом див'е надо найти элемент с определённым классом, получить координату "х" или "у" от этого значения отнять определённое количество пикселей и подставить в scrollTop или scrollLeft,

поскольку я вручную буду редактировать страницы, то на каждой странице выставлять свои имена классов/идов див'ов, имена классов элементов чьи координаты надо найти, и значения которые надо отнять вручную – не проблема.

Malleys,
я не хочу скрывать от пользователя что либо, а только прокрутить до спана на который была заменена ссылка, и чтобы пользователь мог прокрутить и назад и вперёд.

другими словами я хочу чтобы подсвеченные ссылки и спан были в зоне видимости по умолчанию, а пользователь решал в какую сторону прокручивать меню

если пользователь на пятнадцатой странице или допустим на стокакойто, то ссылку (или ссылку замененную на спан) естественно не увидит без прокрутки вручную, я же хочу чтобы по умолчанию при загрузке страницы уже было "прокрученно"

А css тут причем? То на что ссылается Malleys, это статика. Искать скриптом значения и управлять ими прокруткой, ну так и управляйте сразу scrollTop.

Если такая забота о доступе, фиксируйте меню, делайте его более удобным и т.д.