1

我在我的 IE 浏览器网站上遇到了一个奇怪的问题。一个额外的 div 被附加到我的 DOM 并且不是我的代码库的一部分。

这不会发生在 firefox、chrome 和 safari 上。

下面是在 IE(EDGE) 上的 DOM 中附加的额外 div

<div style="margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 1349px; height: 74.99px; font-size: 1em; float: none; position: static; border-spacing: 0;"></div>

有没有人遇到过这个问题？

刚刚发现这个 div 是使用 polyfill 创建的，代码如下

        Stickyfill.addOne(document.querySelector('.main-header'));

现在在窗口调整大小时，我有一个事件调整大小，它使用去抖动来保持回调的执行。请参考以下代码

const header = document.querySelector('.main-header');
const menuContainer = header.querySelector('.header-nav');

function setTouchMenuHeight() {
  const height = window.innerHeight;
  menuContainer.style.height = bp('<=md') ? `${height}px` : 'auto';
}

setTouchMenuHeight();

window.addEventListener('resize', debounce(setTouchMenuHeight, 150), false);
4

0 回答 0