Javascript 如何消除视差对窗口大小调整的影响？

基本上，我想做的是当屏幕调整到平板电脑/移动设备的宽度时，我希望从背景中去除视差效果。有我期待的效果，但我不知道是如何实现的

我使用与我链接的网站相同的jquery parallax脚本（），因此从技术上讲，我应该能够实现相同的结果

编辑：我自己设法修好了。代码如下：

@media screen and (max-width: 480px) {
    #l-HeaderContainer{
        background-attachment: scroll !important;
        background-position: center !important;
    }
}

---

你的css无法工作，因为它对ID要求很严格

ID应该以字母表开头。将您的id更改为类似于

HeadContainer1

的内容，然后执行以下操作：

@media screen and (max-width: 480px) {
    #HeaderContainer1{
        background-attachment: scroll !important;
        background-position: center !important;
    }
}

---

如果我们发布您当前的Javascript/jQuery代码，以及您的HTML和CSS，我们可以看一看并帮您解决问题。@AndyM它只是一个div，使用jQuery视差插件，我在我的原始评论中用CSS链接了：

#l-HeaderContainer{background:url（../img/thift.png）50%0无重复修复#000507；}

我试过了，但没用：

@media screen和（最大宽度：480px）{l-HeaderContainer{background:url（../img/thift.png）50%0无重复滚动{000507；}

你能把javascript代码添加到你的原始答案中吗？您可能需要侦听窗口大小调整事件，然后删除视差侦听器，但如果不了解如何添加视差，很难说。它是“L”而不是“1”，很抱歉造成混淆。