问答详情
源自:4-2 js配合动画属性实现图片无限滚动效果

insertRule()规则无法注入

动画不会动,报错Failed to execute 'insertRule' on 'CSSStyleSheet': Cannot access StyleSheet to insertRule

提问者:慕妹7196192 2019-11-07 13:34

个回答

  • 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插件  就有用了