diff --git a/src/components/hazard_inspect/timeline/timeline.ts b/src/components/hazard_inspect/timeline/timeline.ts
index 163e7b2..43d86e0 100644
--- a/src/components/hazard_inspect/timeline/timeline.ts
+++ b/src/components/hazard_inspect/timeline/timeline.ts
@@ -101,10 +101,11 @@ export function useTimeline(
 
   function setZoom(value: number): void {
     const oldPxPerFrame = pxPerFrame.value
-    const newPxPerFrame = Math.max(minPxPerFrame.value, Math.min(value, maxPxPerFrame.value))
+    const newPxPerFrame = Math.max(minPxPerFrame.value, Math.min(maxPxPerFrame.value, value))
 
-    if (oldPxPerFrame === newPxPerFrame || !timelineContainer.value)
+    if (oldPxPerFrame === newPxPerFrame || !timelineContainer.value) {
       return
+    }
 
     const container = timelineContainer.value
     const containerWidth = container.clientWidth
@@ -116,6 +117,7 @@ export function useTimeline(
       && playheadPosition <= containerScrollLeft + containerWidth
 
     // 计算缩放前后的位置偏移
+    // console.log('container.scrollLeft', container.scrollLeft)
     if (playheadVisible) {
       // 以播放头为中心缩放
       const playheadX = playheadPosition - containerScrollLeft
diff --git a/src/components/hazard_inspect/timeline/timeline.vue b/src/components/hazard_inspect/timeline/timeline.vue
index 5b465bd..2d626fd 100644
--- a/src/components/hazard_inspect/timeline/timeline.vue
+++ b/src/components/hazard_inspect/timeline/timeline.vue
@@ -64,7 +64,7 @@ onUnmounted(() => {
           </el-text>
         </div>
         <ElSlider
-          v-model="pxPerFrame"
+          :model-value="pxPerFrame"
           :min="minPxPerFrame"
           :max="maxPxPerFrame"
           :step="0.1"