SmoothScroll 让页面滚动像流淌的蜂蜜,什么是真正的丝滑!

SmoothScroll

是一个能让电脑屏幕滚动变得平滑起来的软件,滚动不再有迟滞感、顿挫感,浏览网页、文档时眼睛能很轻松地跟上滚动脚步。

官网:
https://www.smoothscroll.net/win/?extension-opt

扩展下载:

相关介绍:

官网的对比效果,前面没开,后面开了,效果还是很明显的。

我在使用中遇到了些问题,想跟大家探讨下如何解决。

问题一:

在关闭(或不关闭)浏览器实验选项 Smooth Scrolling chrome://flags/#smooth-scrolling 的情况下,不管是单独使用扩展还是软件,这两个浏览器呈现的效果都完全不一样。

具体来说就是,360 极速上满足平滑滚动效果的参数配置,放到百分上还是卡顿,要在百分上也达到平滑的效果,就要把参数范围再调大一些,而且还不是大一点,几乎是要翻倍才行,这样 360 极速上的滚动就会变得飞快,根本看不到内容。

换句话说就是,360 极速比百分对参数值变化更敏感,不知道是浏览器的问题还是软件的问题。

问题二:

对有些程序支持不好,和上面两个浏览器的问题情况类似,已经设置好的参数,放到这些例外的程序上,滚动不是过快就是过慢,没办法只好排除。

比如,问题一图中的配置,在 360 极速、记事本以及办公三件套中滚动正常,Animation times 可以设置长一些,这样一次能滚很久,但是在 ABBYY FineReader 中却不正常,滚轮动一下页面根本不动,滚轮得转差不多四分之一周页面才会动。

还有 QTTabBar ver 2048 Beta 2,滚轮切换标签页,滚一下能跳过五六个标签页,最后发现是滚动动画时长设置太长的原因,设置为 5ms 正常,但是这样其它程序界面就滚动不起来了。

再比如,一些有选择框的参数项,可以上下滚动选择,动画时长超 10ms 就没法用滚轮选了,一滚动就是十几、二十几个单位。

问题三:

扩展选项设置中的参数可调节范围没有软件中的大,但是软件不能设置键盘方向键步长,只使用软件的话,方向键每次移动的距离非常短,因此不得不同时开着软件和扩展。

SmoothScroll 如果可以针对不同程序使用不同配置就好了,可惜它只有几个默认配置,而且不能按需加载。

前两个问题已解决,SmoothScroll 可以为不同的程序设置不同的参数,点击设置界面右下角的 :heavy_plus_sign: 即可。

所以,想问问大家还有什么好用的平滑滚动软件推荐?

浏览器实验选项的提示

在百分论坛看到一个关于 Chrome 平滑滚动设置的帖子:

我测试了下,使用软件,可以禁用 Smooth ScrollingImpulse-style scroll animations 这两个选项,比默认效果略微好一些。

Edge自带的平滑滚动是我选择的它的原因之一,记得以前Opera平滑做的也很好。之前用过SmoothScroll扩展,但在Chrome和Edge中无论怎么调整参数都比不了Edge自带的平滑效果,另外可以试试,crxMouse Chrome手势扩展。

之前还没发现,这个其实在 Chrome 也能达到一样的丝滑,启用chrome://flags/#smooth-scrollingchrome://flags/#windows-scrolling-personality即可,但对于 pdf 文件 Edge 内置的 pdf 阅读器还是更丝滑一点,不过 Chrome 装 Pdf.js 扩展也能达到

再就是SmoothScroll应用不是可以分别配置吗,点击加号按钮
image

crxMouse 还有这个功能吗

啊见笑了,刚开始用没注意到这个加号,精力全放调参数上了 :rofl:
这样应该就能解决我上面的问题了,只有软件不能调方向键步进这一个问题了,感谢 :hugs:

又测试了几个软件,发现不同的程序鼠标滚动的差异真是巨大啊,所需参数值简直天差地别。

主要是下面三个选项差异大:

:one: Animation time [ms]
每次触发鼠标滚轮滚动事件后的动画时长,就是页面由静止先加速滚动然后逐渐减速停下来的时长,数值越大,总体滚动时间就越长。
这个总体滚动时间还与下面的 Acceleration delta 有关。

:two: Acceleration delta [ms]
选项提示如下:
Scrolling events coming more frequent than this will start acceleration (Smaller number means more frequent acceleration)
滚动加速启动时间间隔,数值越小,滚轮滚动时会有更多次的滚动加速。
测试中发现此项会影响滚动速度,在 Animation time 不变的情况下,值越小速度越慢。

:three: Tail to head ratio
选项提示如下:
How much time is spent Decelerating vs Accelerating (tail vs head)
e.g. 4 means 4 times longer tail
减速与加速时间比,加速时间对减速时间的倍数?不太明白意思,测试发现数值越大,页面对滚轮动作的响应就越快,动画结束的也越快,最后减速停下来的也越快;数值越低,滚动延迟就越大,滚动减速停下来的也越慢。这么一看,这选项可以叫做滚动灵敏度或滚动延迟。
但是,数值越大滚动也就越不平滑,就像幻灯片翻页一样。

下面两个选项差别不大:

:one: Step size [px]
鼠标滚轮滚动一次,页面滚动的像素距离,可能还与显示器分辨率及屏幕缩放有关。

:two: Acceleration max
最大几倍滚动距离,数值越大,快速滚动滚轮时,页面滚动速度就越快,滚动距离越大。

500x20

测试下来发现,那三个差异大的选项不是独立的,而是相互关联,怎么调到一个合适的参数还真不容易。此外,相同参数不同电脑效果也不一定相同,可能还与显示器频率有关。

另外,每个人对于平滑效果的感受可能也不一样,这跟人眼反应速率有关。屏幕滚动快还是慢,调到什么程度合适,只能自己去试了。

比如,快速浏览网页时我喜欢慢一点的滚动,比上面视频中的再慢一点就很合适,这样可以在保持屏幕滚动的同时让眼睛能跟上滚动内容。但如果是不需要仔细阅读的文档,需要快速滚动到某个位置,那么就可以设置得滚动快一点。

贴一个我在 360 极速 X 上的配置,还在不断摸索中:

360

:one: Step size = 100px
一般网页需要慢慢浏览,如果设置偏大,连续滚动将变得快起来不容易看清,100px 差不多 5、6 行的样子,正合适。

:two: Animation time = 200ms
动画时长太短看起来像幻灯片,太长滚动将会变得很缓慢,因为这是个先加速再减速的过程。

:three: Acceleration delta = 50ms
这个我还没搞明白是怎么回事,调低时滚轮连续滚动会很平缓,调高会很迅速。我猜可能是因为每次触发加速时,速度都是先从 0 开始,所以间隔时间越小,就能保持在刚启动加速时较慢的速度上,而间隔时间越大,则会保持在后面比较快的速度上。

:four: Acceleration max = 8
设置大一点是为了快速滚动滚轮时,滚动条移动距离能大一点。

:five: Tail to head ratio = 2
影响加速和减速动画的时长,这个比较容易区分效果,可以先调节这个参数。

不过,使用后发现白搭,浏览器内部的滚动也不统一,网页页面滚动和设置页面中弹出选择框的滚动完全不一致,一个慢一个快,真是醉了 :sweat_smile:

一些使用经验:

:one: Animation time 和 Acceleration delta 相互影响
Animation time 我理解为加速周期,Acceleration delta 是加速频率,因此最好将这两项数值设为整数倍关系。

:two: Tail to head ratio 是加速与减速时长的比值,这两个时长加起来就是 Animation time,因此也最好将这两个时长设为整数。

:three: Windows 不是所有程序都有平滑滚动的,任务管理器就没有,foobar2000 则无法调到一个人眼能看清的速度。发现这些不能平滑滚动的程序,多数滚轮步进距离是固定的,每次固定一行或几个单位,比如多行列表滚动条,音量、亮度等数值滚动条,SmoothScroll 无法调节。

:four: 选项设置顺序,我的显示器是 2K 144HZ,桌面 100% 缩放,浏览器 125% 缩放,以默认的数值为基准:

default

  1. Tail to head ratio 观察页面滚动启停的响应速率,慢了不跟手就调大点,不够平滑就调小点,一般 2-4 之间,先调这个。

  2. acceleratiom delta 影响滚动速度,animation time 一定的情况下,越小滚动越慢,这个影响速度的关系并不是线性的。

  3. animation time 越大滚动动画时间越长,滚的也越远。另外,动画启停速度还与 Tail to head ratio 有关,这两项要相互调整。

  4. step size 滚一次的距离,大了的话也会导致滚动看起来变快,100px 大约是五、六行。如果遇到滚轮滚好几下页面才动的情况,说明数值小了,比如有些 PDF 阅读器,需要设置到几百 px 才行。此外,我还发现在这种情况下,animation time 和 Tail to head ratio 这两项也会导致页面不滚动,因此需要三项一起调节。

  5. acceleration scale 最大多少倍滚动距离,不必太大,要不然稍微转两下滚轮到底了。

有无平滑滚动,确实是天差地别的体验感,不过我没用过这种全局的,只觉得 Edge 的滚动比别的窗口舒服

看到一个评论说Chrome打开平滑滚动, 然后拓展插件按默认设置, 这样会很丝滑. 亲测有效

Edge 不能调单次滚动距离、滚动速度这些吧,我试了下慢慢转鼠标滚轮,页面的滚动速度还是很快,页面看起来会一下下的,不过过渡挺自然,不会出现画面切换的卡顿感觉。

Edge原生确实无法调整,体验因人而异,个人而言算比较满意的了。

如果是想要达到触摸板或按住中键的无缝滚动效果,似乎通过软件参数调整很难做到吧,bgm到是也有相关讨论的话题鼠标平滑滚动 / 高精度滚动的方法,没有深究过。

感觉像是减少滚动距离,增加滚动次数的策略。

是的,如果想让速度慢下来就可以这么设置,动画时间长一点,滚动加速触发频率高一点。

应该是可以的,像上面老哥说的,我在百分上测试了下,录了个视频,感觉还可以,视频帧率 144 fps,30 和 60 帧录出来还是卡卡的。

https://gfycat.com/lawfulsourannelida

这货怎么还有个 Mac 版本?我记得 macOS 下本身就是丝滑滚动的呀

没有 mac 不清楚啊,看上面文章说是只有用自带鼠标才有平滑滚动

我是一直用 Mac 触控板,所以没啥感觉:see_no_evil:

是不是鼠标无极滚轮

任务管理器也可以顺滑滚动啊。

不是,我用的罗技 GPW 一代,滚轮动作是一段段的,没有平滑滚动时是真的难受,滚一大下动一小下,使劲滚的时候还咔咔响。

任务管理器不行的,我专门设置了下,结果是毫无反应。
20230311192607

有的网站自带平滑滚蛋脚本,会冲突,所以我放弃了

这是段落。

无极滚起来没声音的。用力滚一次能到页尾这种感觉。

罗技MX Master系列就有无极滚轮。一般办公鼠标比较多吧。

不过就算是无极滚轮,用这个软件应该也可以“优化”。

有自带的时候,关闭软件就行了,不过应该很少吧,有什么网站自带,发来看看?

非常少,但一遇到滑动就卡翔,当时还一个个加进黑名单里,后来重装没装这类插件了,黑名单也就没了

个人感觉罗技的无极滚动比较鸡肋,当初冲着这个噱头买的,以为能模拟出触摸板的滚动效果,到手后发现滚动也是一段一段判定的,设置成每次滚动一行效果稍微好一点,但无法做到触屏和触摸板那种随动随停的丝滑感,用着总有些别扭