insertRule()规则无法注入
来源：4-2 js配合动画属性实现图片无限滚动效果
慕妹7196192
2019-11-07 13:34
动画不会动，报错Failed to execute 'insertRule' on 'CSSStyleSheet': Cannot access StyleSheet to insertRule
写回答
关注
2回答
-
- x偏爱_南半球o
- 2020-08-03 15:30:49
insertRule 规则无法注入的 我是这样解决的：
var style = document.styleSheets[0];
style.insertRule(`@keyframes run {100%{transform:translateX(-${contentWidth}px);}} `)
把这个删了，在marquee.css里面把动画帧加上就得了：
@keyframes run {
100%{
transform:translateX(-2400px);//括号里就是图片宽度*张数
}
} -
- 慕运维1320178
- 2019-11-19 21:10:03
你在你的vscode里下载一个Live Server插件 就有用了
带你走入前端动画的世界
学习css3动画，并结合实际项目向大家展示应用技巧，使大家快速入门。
29783 学习 · 65 问题
相似问题