当start与end的状态一致，但需要体现其变化过程时该如何设置？

为了实现一个传入数组轮播后消失的效果，我编写了如下代码：

        const welcomeMsg = [
                { id: '0', msg: 'Hello' },
                { id: '1', msg: '你好' },
                { id: '3', msg: '在这里xxx的主页' }
        ]
        const num = 4
        // const height = document.body.clientHeight
        new Scroll('.homepage', {
            stages: [{
                id: 'helloStage',
                scrollNumber: welcomeMsg.length * num,
                transition: 500,
                items: welcomeMsg.map((item, index) => {
                    return {
                        id: item.id,
                        effects: [{
                            property: 'opacity',
                            start: '0',
                            end: '1',
                            startAt: num * index,
                            endAt: num * index + num / 2
                        }, {
                            property: 'opacity',
                            start: '1',
                            end: '0',
                            startAt: num * index + num / 2,
                            endAt: num * index + num
                        }]
                    }
                })
            }]
        })

我期望的效果是：透明->msg显现->透明并显示下一个msg，并且所有的msg应该在一个stage中实现
但是实际效果似乎会从后一个设置，也就是start: '1'的状态开始,查阅了源码，发现初始化时js似乎会遍历每个stage并将其中的item初始化并以item.node.style[effect.property]的方式设置初值，这就代表如果我在effect中设置同样的css关键字，他将会舍弃除了最后一个设置的关键字（如果关键词重复的话），于是这就产生了问题，在这种情况下我如何能够完成这个显隐效果？又或者我的设置有错误？可以的话请务必告知我可行方法，万分感谢。

Start by reproducing the provided Scroll configuration with one stage and inspect the initialization path that assigns each effect to item.node.style[effect.property]. Verify how repeated opacity effects are handled, then determine whether the documented configuration or implementation needs adjustment. Done means each message visibly transitions from transparent to visible and back to transparent in sequence within the same stage.