Два события перебивают друг друга
 

Дано:
index.html с двумя подключенными в head'е JS файлами;
в каждом из них прописаны строки следующей структуры:

window.onload = function(){
    element = document.getElementById('element');
    window.onscroll = function(){
        // то что должно происходить при скроле страницы 
    }
}

Но при этом в каждом JS файле разные сценарии для разных элементов страниц.

Проблема:
Каждые событие из 2 файла перебивает(переписывает), событие из 1

Вопрос:
Как сделать так чтобы они не перебивали друг друга а дополняли

BorodinKO, загоните все под 1 onload на странице или в каком-либо одном файле
главное чтобы они не выполняли одно и то же

двух однотипных обработчиков для элементов быть не может (в данном случае window.onload, window.onscroll) работает только тот, который определился последним (по сути переназначил предыдущие назначенные), выход - назначать всё в одном, использующиеся элементы при этом (функции, переменные) при этом могут храниться где угодно, лишь бы были доступны и операции с элементами DOM выполнялись тогда, когда эти элементы готовы для работы.