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

找到了解决办法

var style = document.createElement("style"); 

style.innerHTML = `@keyframes run{

100%{

transform:translateX(-${contentWidth}px);

}

}`;

window.document.head.appendChild(style);


提问者：慕容子一 2020-02-04 11:21

个回答

  • x偏爱_南半球o
    2020-08-03 15:28:59

    insertRule 规则无法注入的 我试了你的方法没有实现

    我是这样解决的：
    var style = document.styleSheets[0];
    style.insertRule(`@keyframes run {100%{transform:translateX(-${contentWidth}px);}} `)
    把这个删了，在marquee.css里面把动画帧加上就得了：
    @keyframes run {
        100%{
            transform:translateX(-2400px);
        }
    }

    0
  • 宝慕林2497579
    2020-07-11 12:22:04

    试了一下 可以实现谢谢分享

    0
  • qq_心无岸_0
    2020-02-13 21:26:51

    怎么改？注入那里还是显示不了，可以看看html的代码吗


    0