使用window.onload

Question

我使用此脚本隐藏身份div的{​​{1}}。

但每次我加载页面时，我都可以看到div为1或2秒，然后消失，是否有任何方法可以让它更快生效？

谢谢。

#main-slider

Answer 1

也许您应该使用css @media。试试这个：

@media (min-width: 991px) {
  #my-element {
      display: none;
  }
}

Answer 2

使用 document.onload 代替，之前已经解雇了。参考：https://stackoverflow.com/a/588048/4108884

Answer 3

window.onload等待正确加载每个元素。您可以使用document.onload，也可以使用活动DOMContentLoaded：

document.addEventListener("DOMContentLoaded", function(event) {
    // do something
});

Answer 4

将类“hidden”添加到html页面中的“main-slider”html元素。 因此，首先添加类，以便隐藏主滑块元素，然后根据条件使其可见或不可见。现在通过检查，它应该可以正常工作