网络一般流传的都是:通过操作 DOM 的style 属性来简洁改变 CSS 的方法 但有肉眼可见的延迟(在后面加个过渡动画你就知道) document.querySelector("body").style.overflow= "hidden"; 高性能方案 但是其实有一种直接操作 CSS 的方法 这种性能比第一种要好到不知哪里去,肉眼感觉不到延迟 CSSStyleSheet.insertRule...
网络一般流传的都是:通过操作 DOM 的style 属性来简洁改变 CSS 的方法 但有肉眼可见的延迟(在后面加个过渡动画你就知道) document.querySelector("body").style.overflow= "hidden"; 高性能方案 但是其实有一种直接操作 CSS 的方法 这种性能比第一种要好到不知哪里去,肉眼感觉不到延迟 CSSStyleSheet.insertRule...
这种性能比第一种要好到不知哪里去,肉眼感觉不到延迟 CSSStyleSheet.insertRule()-MDN insertRule 函数代码示例 varcss0 =document.styleSheets[0]; css0.insertRule("body {overflow: hidden;}",0); 注:insertRule() 最后的参数是 Index, 值为0时表示放在样式表的最前面(最前面的样式会被后面的样式效果覆盖,...
原⽣JavaScript（JS）修改添加CSS样式表（更好的性能）如要增加⼀个 CSS body { overflow: hidden;} 低性能⽅案 ⽹络⼀般流传的都是：通过操作 DOM 的style 属性来简洁改变 CSS 的⽅法 但有⾁眼可见的延迟（在后⾯加个过渡动画你就知道）document.querySelector("body").style.overflow= "hidden...