同过滚动解决没声音的问题

src/views/lightMock/components/composeTopicsMask.vue

@@ -15,7 +15,7 @@
 				<div class="title">播放单个组合：{{ title || "" }}</div>
 			</div>
 		</div>
-		<div class="mid">
+		<div class="mid" id="midComposeTopicsMaskList">
 			<composeTopicsMaskList ref="mid" :list="list" />
 		</div>
 		<!-- 前进,倒退 -->
@@ -25,7 +25,7 @@
 					@click="
 						() => {
 							emit('before');
-							stopTopicsAudio()
+							stopTopicsAudio();
 						}
 					"
 					class="previousGroup">
@@ -36,7 +36,7 @@
 					@click="
 						() => {
 							emit('after');
-							stopTopicsAudio()
+							stopTopicsAudio();
 						}
 					"
 					class="nextGroup">
@@ -53,11 +53,19 @@ import composeTopicsMaskList from "./composeTopicsMaskList.vue";
 export default defineComponent({
 	setup(props, { emit }) {
 		let mid = ref(null);
-		// onMounted(() => {
-		// 	console.log(mid.value,"xx");
-		// });
+		onMounted(() => {
+			let scrollLength = 1;
+			window.setInterval(() => {
+				if (scrollLength) {
+					document.getElementById("midComposeTopicsMaskList").scrollTop = scrollLength;
+					scrollLength = 0;
+				} else {
+					document.getElementById("midComposeTopicsMaskList").scrollTop = scrollLength;
+					scrollLength = 1;
+				}
+			}, 1000);
+		});
 		let stopTopicsAudio = () => {
-			console.log(mid)
 			if (mid) {
 				console.log(mid);
 				mid.value.pauseAudioLoop();