Javascript 如何删除transform3D创建的空白？

我试图在我的网站的登陆屏幕上创建一个滚动效果。我有一个问题，100vh空间添加在底部的文件，这是金额被滚动窗口的内部高度

有没有人对如何删除此项有任何建议

var pageHeight = window.innerHeight;
var landing = document.getElementById('landing');
var pagecontent = document.querySelector('.page-content');


landing.addEventListener('scroll', function(){
  pagecontent.scrollTop = 0;
});

landing.addEventListener('wheel', function(e) {

  if(e.deltaY > 0) {
    scrollDown();
  } 
 }
);

function scrollDown() {
  pagecontent.style.transform = 'translate3d(0px, -'+ pageHeight + 'px, 0px)';
}