为啥这帮煞笔前端设计师，把 PC WEB 滚动条 搞 那么细？

[archxm]

• 纯吐槽，不知道大家有没有同感？
• 鼠标很难准确点到，需要仔细，浪费大脑算力，浪费眼力。
• 这帮设计师是怎么想的，自己网站，自己不用？

[745839]

用鼠标滚轮，用触摸板双指滑动

[chunqiuyiyu]

为了好看呗，我还见过把滚动条隐藏了的，真的反人类……

[EchoWhale]

滚动条搞那么粗丑得要死，用鼠标滚轮不香吗

[Wanex]

因为很丑，特别是 windows 的滚动条，没见过这么丑的

[courtier]

原生的丑，而且不同系统的不统一，还有更想吐槽为什么有鼠标不直接用滚轮，对我来说滚动条的作用就只是让我直到能滚还有能滚多远而已

[archxm]

@745839 太长了，滚轮要滚很久，效率低。

[ZhaokunZhang]

有的不一定是前端加的，有的兴许是设计让去掉的。草台班子就这样。
不考虑美感，不考虑实际场景，向上交付就可以了。

[woodfizky]

PC WEB 什么页面有自己实现的滚动条？你吐槽也带个截图嘛。。

基本上我看的网页都是浏览器自带滚动条了。
而且平时用也是用滚轮/触摸板手势居多了，很少需要点滚动条调整了。

[archxm]

@chunqiuyiyu 短途用滚轮，长途就得点住了拖动。

[zx9481]

[PopRain]

1.windows edge 最大化状态，鼠标移到滚动条就到头了，定位没有问题； 拖动滚动条，只要按着拖，鼠标离开滚动条范围也是可以拖的
2.你是不是需要换个鼠标？

[archxm]

@woodfizky 你滚轮和触摸板，如果大距离定位？
我鼠标罗技 G102 ，有些长页面，滚动条得滚动很久。
我知道有那种滚动特别快的，但那又不够准。
总之，用鼠标点住了，拖动，效率更高。

[uid2023]

设计缺陷，应该加个 hover 放大 就好了

[archxm]

@PopRain 我这个罗技 g102 算相当好用，我好几只。
我敢说，我们公司大部分人，用的公司给的鼠标，50 元价位那种。
实际上，高端鼠标，那种滚轮我也感受过，去店里用过，不好用，
定位，还是不如左键点住了拖动好。

[shinession]

网页上的是可以自定义的, 我理解 OP 看的是长页面, 有些页面比如有几百页 pdf 那么长, 你再滚动指划也是不可能有拖动滚动条方便的, 10 楼的方法就不错, 强制显示滚动条

[woodfizky]

@archxm #12 这种情况你的滚动条是不是在最右边呢？
反正我用的 edge 浏览器，窗口最大化，光标拖到最右边，不需要精准定位，没有这个困扰。

除了触摸板手势、滚轮以外，还有个滚动方式是按鼠标中键(滚轮键)后拖动，这个方式也有自己的优缺点，你也可以试试。
我觉得每种交互方式都有特点，都可以用。

而且如果遇到这种需要大距离定位的，我都是能搜索定位就搜索。

[wudicgi]

同意

Firefox 里可以设置 layout.css.scrollbar-width-thin.disabled 为 true 解决这个问题

[yh7gdiaYW]

@archxm 不是非得用鼠标，键盘 pageup 、pagedown 效率不比鼠标拖滚动条低

[archxm]

@shinession 没几百页 pdf 那么长，
就是豆包 ai ，我跟它对话，也不算特别长吧。
我浏览器是带有滚动条修改的，大部分网站，都能改滚动条样式。
豆包 web ，把自带滚动条隐藏了，然后他们前端自己实现了一套，
特点是，鼠标滚轮动，它就会显示，然后几秒后就隐藏消失。
消失后，屏印象把鼠标指针移动过去，点住，拖动，是没问题的。
但它会消失，且鼠标 hover ，它也不显示，这就很难受了，缺乏人性化反馈。
不过，虽然他重新设计了滚动条，我这个浏览器插件到时可以改粗细，但改不了自动消失的问题。
我想着 F12 研究一下，发现它有 js 实现，我这种非职业前端开发者，还是没那个 hack 能力。

[tars13344]

@archxm #6 按住滚轮鼠标下移

[2kDemon]

@uid2023 附议，移入内容区显示滚动条，hover 放大滚动条。美观实用平衡。

[yougg]

如果页面上没有提供一键跳转到底部/顶部, 最快速的方法还是用键盘.
Home 一键到顶部
End 一键到底部
按住 Page Up/Down 快速上滚/下滚, 比鼠标省事多了.

[archxm]

@wudicgi 其实其他浏览器，也可以装扩展来解决。但少部分网站，那个扩展失效了。

[archxm]

@tars13344 我不喜欢按住滚轮，一是手感不好，二是担心把滚轮按坏。

[archxm]

@archxm #24 再一个，按住滚轮，拖动，很慢

[archxm]

@archxm #25 再一个，按住滚轮，拖动，很慢，且不准

[archxm]

@woodfizky #16 但我大部分都是窗口化的，最大化后，太大了，眼睛累。

[archxm]

@yh7gdiaYW 试过了，还是鼠标点住，拖动，效率更高

[mingli]

也可以试试 vim 扩展，摆脱鼠标困扰

[zjyg1993]

煞笔用户鼠标没滚轮吗，自己不会拖吗；页面再长，你拖动桌子深度一样不满足，滚轮基本就是最优解

[woodfizky]

@archxm #27 啥系统，windows 吗？你打 FPS 游戏吗？
个人喜欢把 windows 的"增强指针精度"设置关掉，这个东西纯属傻逼微软式翻译，本质上是鼠标加速度开关，开了反而不利于精准定位。可以开关试试。
当然如果你知道这个东西那当我没说。

[ntedshen]

。。。我自己写滚动条宽度都只留 8px 。。。4k100%缩放，中键用习惯了
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scrollbars_styling

以及，你反正用豆包那你不如问下他：
实现一段 css ，把当前网页上的滚动条强制改成 24px 宽度
然后装个 stylus

[liu7say]

因为滚动条粗了真的很丑感觉...
我以前还特意用过滚动条改细的油猴脚本
虽然可能初期不习惯,但是真可以用鼠标中间代替滚轮,省去将鼠标集中在滚动条的限制

[deplives]

没有同感，滚动条对我我的唯一作用就是看一下下面还有多少内容

[Tesla9527]

我喜欢按空格键翻页滚动

[archxm]

@woodfizky 是的 win10 ，那个指针精度一直关着

[aliveyang]

有问题你可以自己装插件改，总想着别人迁就你？

[banzhe]

滚动条太难看了, 还占空间, 我自己用的页面经常会考虑要不要把滚动条删了

[yoyoluck]

滚动条不是浏览器自带的吗 网页会专门去控制滚动条样式/大小？

[rm0gang0rf]

很多这种

[EdmondGUO]

@archxm #6 这时候鼠标手势的优势就体现出来了，我有两个手势是滚到最上/最下

[laved]

这也能赖前端？

[cat3399]

视觉细，点击区域宽

[titanium98118]

我都是按 d 、u 、G 、g 的

[yhxx]

试试 pageup 和 pagedown

[Erniu]

装一个 Stylus Chrome 插件，然后让 AI 给你改一下滚动条样式，就像这样：

[SakuraYuki]

不如直接滚轮或者触控板，这玩意对大多数人来说就是个网页浏览进度条，当然是越细越美观越好，不可能为了你们这些小众需求来让大众迁就你们的

[Tyrant1984]

要不按一下中键试试？
或者买个罗技 MASTER 感受下无阻滚轮也行~~

[chibop]

1 、老实说，没拖过滚动条。
2 、给 V 友提供思路，我觉得正确解决长内容应该自动解析网站内容，然后左侧生成节点标题，想看哪快速点击。

[caiqichang]

对比一下，不仅喜欢把滚动条改小，还喜欢把颜色改淡，甚至去掉上下箭头

[SmithJohn]

弱化显示，那么目的当然是希望你不用，或者用替代方案。

[EricYuan1]

我是真几乎不用滚动条，mac 上触控板很舒服～

[Stargaze]

罗技 MX Master 没这个烦恼

[ShiBuYi]

跟 前端设计师 也咩关系吧。。
前端都懒得动

[webberQian]

这和前端有关系吗？？？
发泄都找不准对象

[Endocryne]

我用 modern scroll ，平时滚动条隐藏，用鼠标或者键盘滚动页面的时候显示，鼠标移动到滚动条时滚动条会变粗，挺优雅的。这都是浏览器的样式决定的，和前端没关系吧，况且不顺眼可以随便定义，现在 vibe coding 改改界面啥的也不难。

[emmo]

快速滚动，中键按下去拖鼠标，精细滚动用滚轮。

[kevan]

确实恶心。。。