[Feature] 双页并列卷轴模式的翻页场景

[Bedingled403]

具体描述

背景

我使用的是双页并列卷轴，常用滚轮/鼠标点击，相比普通双页模式，并列卷轴默认适应屏幕宽度，可以铺满屏幕，展现更多细节。
但在翻页上，由于并列卷轴的跨页是连续的，滚动切页不仅切页麻烦，还很难通过滚动来定位到下一页开头。普通双页模式则可以滚轮快速切换下一页。
跨页连续大概适用于单列卷轴来看条漫，而对于并列卷轴来说并非必须。

需求内容

支持并列卷轴模式下，滚轮滚动只控制页内的图像滚动，通过单击或其他快捷键进行切页，屏幕顶端对齐到下一页开头

[hymbz]

我觉得能够一滚到底是卷轴模式的核心特色，要通过其他模式切页的话，就应该归类在普通的翻页模式下了。不过不管归哪边，感觉实现起来都挺麻烦的就是了，相当于再加一个新模式了。

所以我想先问下，为什么想要滚动定位到下一页开头呢？一般使用卷轴模式看漫画的人，是不会在意漫画页有没有显示全了的吧？既然一开始就已经看不到当前页的结尾了，那为什么还要精准定位到下一页开头呢？随便滚几下不也就能到下一页开头了吗？

[Bedingled403]

我觉得能够一滚到底是卷轴模式的核心特色，要通过其他模式切页的话，就应该归类在普通的翻页模式下了。不过不管归哪边，感觉实现起来都挺麻烦的就是了，相当于再加一个新模式了。

简单来说，我预期的模式是双页模式+图像适应屏幕宽度+以鼠标滚轮操作为主，所以核心是填充宽度+滚轮滚动，而不是卷轴一般连续翻页。这点上来说确实相当于新模式了。

只不过目前体验最接近预期的是并列卷轴而不是普通双页模式。因为普通双页下，一是不能自动适应宽度，二是即使手动改图片缩放>100%，也不能通过滚轮上下翻看图片，只能鼠标拖动看图，滚轮切页。

一般使用卷轴模式看漫画的人，是不会在意漫画页有没有显示全了的吧？

上面提到了我预期的体验，卷轴是其次，关键是滚轮操作。再加上阅读日漫时，漫画页显示不全会影响画面构图观感和信息获取，比如对话框、画面元素被遮挡，每翻几页就需要进一步微调。

所以我想先问下，为什么想要滚动定位到下一页开头呢？
既然一开始就已经看不到当前页的结尾了，那为什么还要精准定位到下一页开头呢？随便滚几下不也就能到下一页开头了吗？

就我阅读日漫的体验来说，单列卷轴和并列卷轴是两种完全不同的体验。单列卷轴只用一直往下滚动就行，视线移动也很自然，不容易疲劳。而并列卷轴下，由于图像显示不全，视线需要反复上下移动，对于连续阅读会有影响。

下面是两张示意图，红色箭头是阅读1-2页的视线轨迹，橘色箭头是3-4页的：

• 目前的视线轨迹：看橘色箭头可以发现，并列卷轴切页时，视线需要先落到右下角图片顶端，再向下滚动几次，滚动时视线跟随上移，直到图片顶端与屏幕顶端大致对齐。如果没有对齐，还需要进一步调整。

• 预期的视线轨迹：类似普通的翻页模式，翻页后视线可以直接跳转到右上角，阅读体验会流畅一些，也不需要微调图片位置

实现起来可能会比较麻烦，但对于这种场景的阅读体验会有一定提升，大佬可以考虑考虑

[hymbz]

好详细的说明啊，感谢！

不过有一点还是不懂，你在双页卷轴下，屏幕是可以完整显示出一页漫画的吗？在图像适应屏幕宽度的情况下，漫画页的底部应该是显示不出的吧？那不就显示不全了吗？

然后如果只是视线轨迹问题的话，改下双页卷轴模式下的向上/下翻页快捷键的效果怎么样？向下翻页时，如果当前显示的最下面的图片没有完全显示，就跳至图片的尾端，屏幕底端对齐图片结尾（长图的话则和现在一样只是向下滚一大截，确保中间不会被直接跳过）。如果最下的图片已经跳至尾端了，就滚动至下一图片的开头和屏幕顶端对齐。

文字描述可能不太清楚，用鼠标滑动模拟了下大致效果。

output.mp4

[Bedingled403]

然后如果只是视线轨迹问题的话，改下双页卷轴模式下的向上/下翻页快捷键的效果怎么样？向下翻页时，如果当前显示的最下面的图片没有完全显示，就跳至图片的尾端，屏幕底端对齐图片结尾（长图的话则和现在一样只是向下滚一大截，确保中间不会被直接跳过）。如果最下的图片已经跳至尾端了，就滚动至下一图片的开头和屏幕顶端对齐。

这个滚动的切页动画很棒！逻辑也和我预想的相符。上/下键翻页没问题，但我更习惯脱离键盘完全用鼠标，如果这段逻辑加到鼠标滚轮里就更好了。

不过有一点还是不懂，你在双页卷轴下，屏幕是可以完整显示出一页漫画的吗？在图像适应屏幕宽度的情况下，漫画页的底部应该是显示不出的吧？那不就显示不全了吗？

如果要始终显示完整，只能用普通双页模式了，既然图片适应屏幕宽度，这部分只能进行取舍，没办法。我指的主要是滚动时屏幕边缘和图片边缘未对齐，造成的图片显示不全，而这可以通过上面的切页对齐逻辑解决。

[hymbz]

在无极鼠标或者一些触摸板上滚动的时候，会在短时间内触发大量滚动事件，所以这种位移幅度比较大的操作就不适合绑定在滚轮上。这点感觉还真没什么办法了。。。

[Bedingled403]

在无极鼠标或者一些触摸板上滚动的时候，会在短时间内触发大量滚动事件，所以这种位移幅度比较大的操作就不适合绑定在滚轮上。这点感觉还真没什么办法了。。。

那能支持鼠标单击吗，单击指定区域切页。实在不好实现的话，我用鼠标侧键绑定上下键也可以用。

其实滚动的问题在现在的普通模式翻页时也存在，无级滚轮滚动过快会连续切好几页，要是加个滚动触底后的停顿（比如滚动到页面底部后1秒后才能切页）应该能优化些，但实现起来可能有点麻烦。

[hymbz]

现在可以在卷轴模式下点击翻页了。无级滚轮触底后的停顿其实之前就实现了，只是不知道什么时候失效了。。。这次更新也修复了，现在应该没问题了吧。

[Bedingled403]

现在可以在卷轴模式下点击翻页了。无级滚轮触底后的停顿其实之前就实现了，只是不知道什么时候失效了。。。这次更新也修复了，现在应该没问题了吧。

感谢🙏试了下，点击的触顶触底翻页的效果很好，但上下方向键的效果好像并没有变化。。。
视频里前面是点击，后面是上下键（GitHub传不上去）

[Bedingled403]

发现了一个小概率场景，大致在视频中位置点击翻页时，顶部不会对齐

[leadra]

https://mangacopy.com/comic/shuagncongdianji/chapter/d3b9d5c5-83c3-11f0-bbe3-fa163e4baef8
感覺我的問題跟這裡相關，就直接在這裡發問一下
更新後
由於長條漫畫是屬於裁切的，所以我在單頁的卷軸模式"向下翻頁"，快捷鍵or左鍵，效果都會變成，按第一下對齊圖片上方，第二下對齊圖片尾端
所以暫時要靠space才不會影響，記得原本都是翻頁90%?

[Bedingled403]

https://mangacopy.com/comic/shuagncongdianji/chapter/d3b9d5c5-83c3-11f0-bbe3-fa163e4baef8 感覺我的問題跟這裡相關，就直接在這裡發問一下 更新後 由於長條漫畫是屬於裁切的，所以我在單頁的卷軸模式"向下翻頁"，快捷鍵or左鍵，效果都會變成，按第一下對齊圖片上方，第二下對齊圖片尾端 所以暫時要靠space才不會影響，記得原本都是翻頁90%?

试了下左键，条漫的翻页距离确实有限，一次不能对齐底部。不过我按快捷键只能向下滚一点，能分享一下你的脚本设置吗？我在copymanga的设置如下：

    "copymanga": {
        "option": {
            "scrollbar": {
                "easyScroll": true
            },
            "clickPageTurn": {
                "enabled": true,
                "reverse": true
            },
            "darkMode": true,
            "autoDarkMode": true,
            "autoFullscreen": true,
            "scrollMode": {
                "enabled": true,
                "spacing": 2,
                "fitToWidth": true,
                "doubleMode": true
            }
        }
    },

[leadra]

Screenity.video.-.Sep.10.2025.8.45.PM.mp4

是說值裡面的嗎
"copymanga": {
"option": {
"scrollbar": {
"position": "right"
},
"clickPageTurn": {
"enabled": true,
"area": "l"
},
"darkMode": true,
"swapPageTurnKey": true
}
},

[Bedingled403]

是說值裡面的嗎 "copymanga": { "option": { "scrollbar": { "position": "right" }, "clickPageTurn": { "enabled": true, "area": "l" }, "darkMode": true, "swapPageTurnKey": true } },是說值裡面的嗎 "copymanga"：{ "option"：{ "scrollbar"：{ "position"："右" }, "clickPageTurn"：{ "enabled": true、 "区域"："l" }, "darkMode": true、 "swapPageTurnKey": true } },

对的

Screenity.video.-.Sep.10.2025.8.45.PM.mp4

感谢回复，原来是我快捷键问题，重设后除了条漫外上下翻页都正常了