本文主要介绍了原生JS实现诏书卷轴展开效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧

在其他网站看见类似效果，但代码有400多行且看不懂，我用60多行的代码给予实现。 实现原理：（1）利用绝对定位固定好起始位置；（2）利用遮罩将右轴右侧的部分遮住；（3）让右轴和遮罩同时同速度向右运动！ 效果图： 代码如下： 诏书 * { margin: 0; padding: 0; } #an