楊偉景 发表于 2024-3-5 20:53:22

有什么方法可以把浏览器“横向滚条”默认居中吗?

如题,网页内容长过浏览器窗口横度时会触发“横向滚动条”,以便横向挪动。
不过默认情况下“横向滚动条”是局左的,
所以想问问大伙,有没有啥插件或设置能把“横向滚条”默认居中?



S8F8ry 发表于 2024-3-5 23:45:14

也许你可以尝试写一个类似下面这样的油猴脚本:
// ==UserScript==
// @name         scroll-letf
// @version      0.1.0
// @descriptiondescription
// @author       dragonish
// @namespace    https://github.com/dragonish
// @license      GNU General Public License v3.0 or later
// @match      *://*/*
// @grant      none
// ==/UserScript==

(function () {
window.addEventListener('load', () => {
    console.log('auto scroll!');
    setTimeout(() => {
      window.scrollTo({
      left: (document.documentElement.scrollWidth - document.documentElement.clientWidth) / 2,
      });
    }, 0);
});
})();

不过上面这种写法不一定能保证在某些特定网址正常工作,这可能需要根据具体网站的布局来处理;另外建议将 match 限定至所需的网站即可。

楊偉景 发表于 2024-3-6 18:36:37

S8F8ry 发表于 2024-3-5 23:45
也许你可以尝试写一个类似下面这样的油猴脚本:

不过上面这种写法不一定能保证在某些特定网址正常工作,这 ...

感谢解答,做成油猴脚本后,亲测有效;
在必定出现横向滚动条的情况下会自动居中。

不过最大化时网页没有出现横向滚动条,窗口化到出现横向滚动条时,不会自动居中,算是个小遗憾吧。

我建议版主你把这个代码做成油猴脚本后,由你亲自发布到Greasy Fork上吧;
我可不能就这样复制粘贴我自己上传发布:lol

S8F8ry 发表于 2024-3-6 18:49:39

楊偉景 发表于 2024-3-6 18:36
感谢解答,做成油猴脚本后,亲测有效;
在必定出现横向滚动条的情况下会自动居中。



:) 其实理论上也有办法可以处理由从最大化过滤到窗口化时的出现的横向滚动条,那等我改一改丢到 Greasy Fork 上吧。

楊偉景 发表于 2024-3-6 18:58:35

S8F8ry 发表于 2024-3-6 18:49
其实理论上也有办法可以处理由从最大化过滤到窗口化时的出现的横向滚动条,那等我改一改丢到 Greasy F ...

那就容我敬请期待了:lol

S8F8ry 发表于 2024-3-6 21:00:47

楊偉景 发表于 2024-3-6 18:58
那就容我敬请期待了

https://greasyfork.org/zh-CN/scripts/489161

楊偉景 发表于 2024-3-6 21:10:36

S8F8ry 发表于 2024-3-6 21:00
https://greasyfork.org/zh-CN/scripts/489161

感谢大佬的制作:victory:

楊偉景 发表于 2024-3-6 21:21:01

S8F8ry 发表于 2024-3-6 21:00
https://greasyfork.org/zh-CN/scripts/489161

不过不给插件介绍加上中文翻译,怕国内用户看不出哦;P

一灯 发表于 2024-3-7 01:25:57

S8F8ry 发表于 2024-3-5 23:45
也许你可以尝试写一个类似下面这样的油猴脚本:

不过上面这种写法不一定能保证在某些特定网址正常工作,这 ...

如果是针对特定网站,貌似CSS的snap属性也能轻松搞定吧。

S8F8ry 发表于 2024-3-7 12:48:13

一灯 发表于 2024-3-7 01:25
如果是针对特定网站,貌似CSS的snap属性也能轻松搞定吧。

是的,也可以实现这样的效果。不过使用 snap 实现会有些"强势",滚动条无法停留在其他位置上了。
页: [1] 2
查看完整版本: 有什么方法可以把浏览器“横向滚条”默认居中吗?