From fa90411c7a340b6ef8a2af77f351c16f8b5e6920 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 4 Jun 2026 21:25:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=BB=91=E5=9D=97?=
 =?UTF-8?q?=E9=98=B4=E5=BD=B1=E7=BC=93=E5=86=B2=E5=8C=BA=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=A8=AA=E5=90=91=E6=BB=9A=E5=8A=A8=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/slide/VirtualSlideView.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/slide/VirtualSlideView.vue b/src/components/slide/VirtualSlideView.vue
index dfb0141e..e887b56d 100644
--- a/src/components/slide/VirtualSlideView.vue
+++ b/src/components/slide/VirtualSlideView.vue
@@ -287,6 +287,9 @@ watch(
 .slider-container {
   position: relative;
   margin-block-end: 8px;
+
+  --slider-shadow-bleed-start: 28px;
+  --slider-shadow-bleed-end: 56px;
 }
 
 .slider-header {
@@ -350,11 +353,13 @@ watch(
 }
 
 .slider-content {
-  margin-block-end: -8px;
+  // 横向滚动会让纵向 visible 被浏览器计算成可裁剪区域，这里用缓冲区承接卡片阴影。
+  margin-block: calc(var(--slider-shadow-bleed-start) * -1) calc(var(--slider-shadow-bleed-end) * -1);
   -ms-overflow-style: none !important;
-  overflow: scroll visible;
+  overflow-x: auto;
+  overflow-y: hidden;
   overscroll-behavior-x: contain !important;
-  padding-block: 0 8px;
+  padding-block: var(--slider-shadow-bleed-start) var(--slider-shadow-bleed-end);
   padding-inline: 12px;
   scroll-behavior: smooth;
   scrollbar-width: none !important;