本人前端开发，想提问：这是一个弱智的需求吗？

[murmur233]

页面上有一个组件，该组件宽高固定，组件里的内容高度超出组件高度则出现滚动条。

然后产品提出了个需求，ta 希望不管组件里的内容有多少，出现的滚动条高度都不变（比如 50 像素），原因是为了美观。

而我的想法是，当然是组件里的内容越多，滚动条自然就会变短，反之，组件里的内容较少时，滚动条会更长。不管是看 word 、excel 、其他的网页都是这样的。

问题是，这个需求我要不要做？不做该怎么说服 ta ？（我上面的想法已经告知 ta，ta 不接受）如果真的要做，代码要怎么写？（我好像没百度出来）

[suzic]

不做。不能惯着他，他要是不服就去找领导评审下

[NeoChen]

找另一个产品怼他，或者评估工期让他自己决定做不做

[darknoll]

把真实的滚动条隐藏，做个假的

[no1xsyzy]

VS Code/Codium 在设置 "editor.minimap.size": "proportional" 的情况下，是定长滚动条，技术上可行的，但为了使得这一操作是直观的，底图跟着反方向动了。
这样一个滚动条大概需要两个月的时间。

——

@ryncv 其实不是，有最小长度，不然足够长的页面能让你永远点不到滚动条，比如 Excel 最多大约 104w 行，一屏 60 行左右，你的屏幕纵向有 1w 像素吗？
但是你开个空白工作簿，Ctrl-Down 跳到最下方，滚动条变成一条细线了吗？显然没有。

[treblex]

内容高度，滚动位置，算百分比
Touchmove 控制滚动
应该就可以

但是没有必要，不如直接隐藏滚动条吧，也挺美观😂

[HeyWeGo]

可不可以实现？可以！但是显然产品首先不应该说是美观出发，而是说是否有交互或功能上的必要。

—————————以下是案例—————————————

你可以看看 discourse 论坛有个类似的功能，在帖子内容页的右上角都有个 slide 可用控制页面的滚动，那个 slide 就是固定长度的。

————————好好商量，没必要上来就搞对立关系————————————

[KouShuiYu]

最特么讨厌这种需求了，可以做，可以不做，做了没什么卵用，还贼耗时间

[TomVista]

batter scroll 可以实现

[shpkng]

没有用过手机吗？手机上的滚动条不是一大堆固定高度的？
而且看你最后一句，是面向百度编程吗？

[otakustay]

这需求可以实现，不难，但这产品设计就是个屎

[SilentDepth]

不能说完全弱智。当内容较多而容器高度较小时，滚动条的 thumb 可能会变得很小，不便于用户直接拖动 thumb 。这时设法控制 thumb 的长度是合理（且有意义）的。

但这属于极端情况，如果你们的产品不需要考虑这种场景，那么这个需求不能说毫无意义，只是价值不高。不过退一步讲，当默认状态下 thumb 的长度已经是合理的，特意限制 thumb 的长度就有些无脑了（原因楼上几位说得很明白了）。滚动条不是 Range input，thumb 的长度是有业务含义的。

总之如果一定要实现出来的话，只能自行实现一个虚拟滚动条（自行计算内容高度和容器高度，结合 scrollTop 控制 thumb 的偏移）。

[wunonglin]

需求确实傻逼，做是可以做。

100%高一个滚动条容器，然后滚动条固定高度，然后使用拖动事件，计算拖动实现。

简单是简单，但是你最好就说：“能做，大概需要一周”
😁

[OHyn]

@HeyWeGo

discourse 那个是应对长列表懒加载而生的功能吧，常规论坛都是翻页。

说到这个，B 站的评论区变成懒加载的长列表了，超难用，没法跳转了，以前翻页用得多舒服。

[yhxx]

做起来还是挺简单的吧，不是几行 CSS 就行了？关键词直接搜滚动条样式就好了啊
不过真不想做的话，就像楼上说的一样，可以做，7 人日，让产品评估吧

[ch2]

自己画一个滚动条

[muzuiget]

弱智需求，我也喜欢通过滚动条长度来判断内容的多少。这个功能不是说不能实现，只是觉得浪费时间。

[MartinWu]

@ryncv #13 你这个不是必然的。滚动条保持不变，随着内容越多，增减滚动条滑动的单位长度-滚动过的内容长度 的比例，也是可行的。他的需求不一定合理，但是也不要太局限自己的思维。只不过这肯定要前端自己实现个滚动条出来，而非用浏览器自己的了。

[Elethom]

太弱智了，PM 不懂 miniature concept 吗。赶紧离职吧，以后都是坑。

[bojackhorseman]

@brader 哈哈哈哈

[love]

你们是啥 App ？我看看产品闲得都提出这种问题了 App 应该是尽善尽美了