feat: homepage rcmd video auto complete #91

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 -   修复：动态页 隐藏动态右侧饰品
 -   新增：播放页/番剧页 全屏时页面可滚动
+-   新增：首页 自动补全视频空位
 
 ## 3.7.3
 

src/rules/homepage.ts

@@ -485,7 +485,7 @@ if (isPageHomepage()) {
         // 增大 视频载入 视频数量
         new CheckboxItem({
             itemID: 'homepage-increase-rcmd-load-size',
-            description: '增大 视频载入 视频数量 (实验性)',
+            description: '增大 视频载入 视频数量 (实验功能)',
             itemCSS: `
             /* 扩增载入后会产生奇怪的骨架空位 */
             .floor-single-card:has(.skeleton, .skeleton-item) {
@@ -507,6 +507,25 @@ if (isPageHomepage()) {
                 }
             },
         }),
+        // 自动补全 视频列表空位
+        new CheckboxItem({
+            itemID: 'homepage-rcmd-video-auto-complete',
+            description: '自动补全 视频列表空位 (实验功能)',
+            itemCSS: `
+                /* 隐藏anchor前的骨架, 保持anchor在未载入骨架首位 */
+                .bili-video-card:has(.bili-video-card__skeleton:not(.hide)):has(~ .load-more-anchor) {
+                    display: none;
+                }
+            `,
+            enableFunc: async () => {
+                const simulateScroll = () => window.dispatchEvent(new Event('scroll'))
+                simulateScroll()
+                window.addEventListener('wheel', (e: WheelEvent) => {
+                    e.deltaY > 0 && simulateScroll()
+                })
+            },
+            enableFuncRunAt: 'document-end',
+        }),
     ]
     homepageGroupList.push(new Group('homepage-rcmd-list', '视频列表', rcmdListItems))