j0hnik,
К сожалению, свойство absolute не подходит для дальнейшей реализации кода.
Dilettante_Pro,
Спасибо исправил, но не смотря на это позиционирование осталось от viewport.
Хочу попробовать вариант приведённый ниже, единственно не знаю как обращаться к классу active, ведь в начале загрузки страницы его нет, он добавляется впоследствии динамически по событию 'скрола'.
active && active.style.transform = "translateY("+wrap.scrollTop+"px)";
// или так
[].forEach.call(pages, function(el, i) {
if (el.classList.contains("active")) {
el.style.transform = "translateY("+wrap.scrollTop+"px)";
} else {};