diff --git a/src/views/homeIndex/components/RealTimeAlarm.vue b/src/views/homeIndex/components/RealTimeAlarm.vue index 207c368..1d5c6d5 100644 --- a/src/views/homeIndex/components/RealTimeAlarm.vue +++ b/src/views/homeIndex/components/RealTimeAlarm.vue @@ -109,9 +109,10 @@ const startScroll = () => { scrollPosition.value += scrollSpeed; - // 当滚动超过一份数据的高度时,重置位置 - if (itemHeight.value > 0 && scrollPosition.value >= itemHeight.value * displayData.value.length) { - scrollPosition.value = 0; + // 当滚动超过一份数据的高度时,减去整段高度,实现无缝衔接 + const oneListHeight = itemHeight.value * displayData.value.length; + if (itemHeight.value > 0 && scrollPosition.value >= oneListHeight) { + scrollPosition.value -= oneListHeight; } // 应用滚动效果 @@ -201,7 +202,10 @@ onUnmounted(() => { } .alarm-table-body-inner { - transition: transform 0.1s linear; + transition: none; + will-change: transform; + transform: translateZ(0); + backface-visibility: hidden; } .alarm-item {