javascript - 关于滚动交换菜单上的类 - IE 问题

标签 javascript css function

大家好,下面的代码在 Firefox 上运行得很好,并且“header is-sticky”类在滚动时加载了 css。但在 IE 中该功能根本不起作用。请协助修复 IE 滚动问题

函数交换菜单(){

if($(document).scrollTop() > 102 )
{

   var yy = document.getElementsByClassName("header")[0];
   yy.className = "header is-sticky";
}

else
  {

   var zz = document.getElementsByClassName("header is-sticky")[0];
   zz.className = "header";
   }

}</script> 

<body class="debug" onscroll="swapMenu();">


 <div id="header" class="header"> </div>


</body>

最佳答案

从 body 标记中删除 onscroll,然后尝试添加然后跟随

window.onscroll = swapMenu;

到你的 JavaScript,在函数之外。

关于javascript - 关于滚动交换菜单上的类 - IE 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34871940/

相关文章:

javascript - 使用 PHP DB 填充 JQuery 自动完成的最佳实践

jquery toggle breaks float in ie

c - 编写一个函数来返回节点的位置

Javascript/我的动态函数安全吗?

c - 使用函数对动态数组进行冒泡排序

javascript - 如何在 Firefox/Chrome 扩展中访问 Evernote API?

javascript - 如果选择相同的文件路径,Svelte 文件输入不会触发 react 性

javascript - 如果未启用cookie,如何显示错误消息?

css - 为什么我在使用 create-react-app 的生产构建中丢失了 Bootstrap 样式?

css - 如何使用自定义 CSS 设置 GTK+ 样式?