如果Statement onScroll无法正常运行JavaScript

Question

我是javascript的新手，我正在尝试使用javascript onscroll制作一些动画。我想要的是标题变得固定，并且在滚动时从页面底部弹出一个Messenger菜单。直到这里，我一切都很好。但是我还希望信使框在到达页脚时更改其颜色。

我想我有一个条件错误，因为我试图写连接的if语句，但找不到任何解决方案。

window.onscroll = function() {scrollFunction()};
function scrollFunction() {
  if (window.innerWidth > 850) {
    if (document.body.scrollTop > headerOffset || document.documentElement.scrollTop > headerOffset) {
       navbar.classList.add('fixed');
       navCont.style.width = ('85%');
       messenger.classList.add('messengerFix');
       logo.style.filter = 'invert(100%)';
       search.style.filter = 'invert(100%)';
       if (document.body.scrollTop === footerOffset || document.documentElement.scrollTop > footerOffset) {
         messenger.style.background = "yellow";
       }
     }
     else {
       navbar.classList.remove('fixed');
       navCont.style.width = ('100%');
       messenger.classList.remove('messengerFix');
       logo.style.filter = 'invert(0)';
       search.style.filter = 'invert(0)';
     }

  }

}

我非常感谢您的帮助或建议。预先感谢您的帮助。