将DOCTYPE html添加到my index.html会破坏我的javascript_Javascript_Html_Css

将DOCTYPE html添加到my index.html会破坏我的javascript

javascript html css

将DOCTYPE html添加到my index.html会破坏我的javascript,javascript,html,css,Javascript,Html,Css,当我加上 <!DOCTYPE html> 感谢您的帮助。谢谢错误是因为HTML5中的document.body.scrollTop不推荐使用document.documentElement.scrollTop var myNav = document.getElementById('header'); window.onscroll = function () { 'use strict'; if (document.documentElement.scrollTop

当我加上

<!DOCTYPE html>

感谢您的帮助。谢谢

错误是因为HTML5中的

document.body.scrollTop

不推荐使用

document.documentElement.scrollTop

var myNav = document.getElementById('header');
window.onscroll = function () {
  'use strict';
   if (document.documentElement.scrollTop >= 50) {
    myNav.classList.add('nav-colored');
    myNav.classList.remove('nav-transparent');
  } else {
    myNav.classList.add('nav-transparent');
    myNav.classList.remove('nav-colored');
  }
};

更多信息

您是否尝试删除“使用严格”部分？我尝试了。但是，当我加载时，它仍然不工作。是否有任何错误？或者它根本不运行？我不认为在<代码> OnLoops处理程序中违反了严格的模式……您可能会考虑通过验证程序运行HTML——也许您对该DOCTYPE有一些无效的标记…控制台中出现了什么错误？

var myNav = document.getElementById('header');
window.onscroll = function () {
  'use strict';
   if (document.documentElement.scrollTop >= 50) {
    myNav.classList.add('nav-colored');
    myNav.classList.remove('nav-transparent');
  } else {
    myNav.classList.add('nav-transparent');
    myNav.classList.remove('nav-colored');
  }
};