为什么我不能删除背景附件属性？

Question

因此，我尝试使用最大宽度为 1024 像素的媒体查询删除背景附件属性。background-attachment: none除了我的 devtools 闪烁错误并且该属性被划掉之外，我只是通过这样做来做到这一点？有任何想法吗？

https://jsfiddle.net/dfwg2nbv/1/

const ham = document.querySelector('.ham-menu');

const nav = document.querySelector('nav');

const header = document.querySelector('header');

const promise = document.querySelector('.promise');

const services = document.querySelector('.services');

const testimony = document.querySelector('.testimony');

header.style.removeProperty('background-attachment');

//detect mobile

// if ("ontouchstart" in document.documentElement) {

//   removeProps(header);

//   removeProps(promise);

//   removeProps(services);

//   removeProps(testimony);

// }

ham.addEventListener('click', animateMenu);

function animateMenu() {

    nav.classList.toggle('hamburger-open');

}

// function removeProps(node) {

//  node.style.removeProperty('background-attachment');

//  node.style.removeProperty('background-size');

// }

Answer 1

您正在尝试修改样式对象（它只反映通过style属性设置的样式，而不是通过样式表），因此它没有设置在那里以将其删除。您可以通过将其设置回默认值scroll来覆盖它。header.style.backgroundAttachment='scroll';

Answer 2

none不是该background-attachment属性的有效值。此外，这不是您使用removeProperty. 这不是style.您可以做的是将其设置为您尝试从内联样式中删除该属性的空白值，例如：header.style.backgroundAttachment = '';或者您可以将其设置为初始值，如果您在样式表中设置了其他内容，例如：header.style.backgroundAttachment = 'initial';或者只是将它设置为另一个特定的值，类似于上面的。