<header class="white-color">
<div class="container-fluid header-top">
 <div class="row border-row">
   <div class="col-xl-2 l left-section-top logos"><a href="#page1" class="logo-section" data-page="page1"></a></div>
   <div class="col-xl-7">
     <div class="top-menu">
     <a href="#2" data-page="page2">О компании</a>
       <a href="#3" data-page="page3">Клиенты</a>
     <a href="#4" data-page="page4">Услуги</a>
     <a href="#5" data-page="page6">Автопарк</a>

     <a href="#vacancy" data-page="page9">Вакансии</a>
     </div>
   </div>
   <div class="col-xl-3">
     <div class="contacts">
     <a href="tel:+99999999" class="tel">+799999999</a>
     <a href="mailto:999999" class="eml">9999999</a>
     </div>
     <div id="burger">
       Меню
     </div>
   </div>
 </div>

</div>
</header>

<div id="makeMeScrollable">
<div class="scrollWrapper kinetic-active">
 <article id="1" class="slider__item about page1">Верстка страницы 1</article>
 <article id="2" class="slider__item about page2">Верстка страницы 2</article>
 <article id="3" class="slider__item about page3">Верстка страницы 3</article>
</div>
</div>

https://www.npmjs.com/package/zip-webpack-plugin
Это?

Спасибо попробую.

article на всю ширину, скролл плавный делаю, выезжает след article, но у след article фон белый, поэтому ссылки сливаются с фоном

сорян, это для запаковки

У меня почти с JSZip получилось.

Тогда отлично. Вот еще нашел, для браузера
https://www.npmjs.com/package/zip-loader

Точно не знаю, только догадки.
Брать позицию элемента относительно контейнера и позицию sroll. Сверять и ставить на элемент класс если позиция scroll внутри и снимать, если снаружи

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

То-есть при попадании след блока на ближайшую ссылку, красить

эту ссылку в цвет

Просто не уверен есть ли вариант считывания цвета фона

Это вряд ли точно. А вот скролл @scroll="fn" отслеживать можно

getComputedStyle(element).background

а когда добавляются элменты, скрол становится больше , этот эвент срабатывает тоже ?

Проверьте, по-моему да. Но есть еще resize на этот случай

ресайз точно не отлавливает изменения скрола , только изменения размеров скрола

сейчас нормально работает getComputedStyle?
А то пару лет назад только в Chrome и то не со всеми элементами.

Да
https://caniuse.com/#search=getComputedStyle

Я имею в ввиду, что функция проверки одна. Поменялся размер элемента ее можно и на это событие тоже повесить. А позицию скрола во внешнюю переменную вынести.