jQuery - 当屏幕小于1350px时按类删除div

Question

我正在开发一个具有视差滚动功能的网站，该网站由 4 个“页面”组成，您可以通过按向上或向下按钮在其中滚动。

第一个“页面”包含视频背景。此“页面”无需在平板电脑和移动设备上可见。我可以使用媒体查询隐藏此“页面”，但这会破坏视差滚动功能，因为此功能的脚本仍然可以看到隐藏的 div。

所以为了不显示页面，我认为最好的方法是完全删除 div。由于这不能通过媒体查询来完成，我正在寻找一种使用 jQuery 的方法，当屏幕宽度小于 1350px 时按类删除 div

任何想法将不胜感激!

Answer 1

您应该使用window.matchMedia :

$(function(){
    if (window.matchMedia("(max-width: 1350px)").matches) {
        $('div.myClass').remove();
    }
});

CanIUse

Polyfill