时间戳

首页 > 解决方案 > 如果语句 onScroll 不工作 Javascript

javascript - 如果语句 onScroll 不工作 Javascript

问题描述

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

我想我有一个条件错误，因为我试图写入连接的 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)';
     }

  }

}

我感谢任何帮助或任何建议。预先感谢您的帮助。

标签： javascript

解决方案

推荐阅读