始终使用 iScroll 显示滚动条答案

【问题标题】：Always show scrollbars with iScroll始终使用 iScroll 显示滚动条
【发布时间】：2011-12-14 12:44:04
【问题描述】：

是否可以在 iScroll 中始终显示滚动条

目前 iScroll 在一个带有 overflow:scroll.. 的 div 上运行良好。但是由于用户看到的内容，他们无法知道 div 中还有更多内容

因此，最好将侧面的滚动条永久显示，以便用户了解内容的限制

vScrollbar: true 似乎不起作用

编辑：这个问题专门与将 iScroll (http://cubiq.org/iscroll) 用于触摸设备有关

【问题讨论】：

【解决方案1】：

只需将hideScrollbar:false 添加到选项列表即可。

使用 iScroll4 对我来说效果很好。

干杯

【讨论】：

这是更好的答案。编辑源库对我来说似乎是错误的
谢谢！我也觉得不对。我总是尽量不要编辑源代码。
lab.cubiq.org/iscroll/src/iscroll.js (V4) 在版本 5 上使用什么？，lab.cubiq.org/iscroll5/build/iscroll.js
@Jaider，对不起；我还没有为 v5 更新我的应用程序。但我会试一试，如果我能在你解决之前通知你。
@fledgling 不，我不能。我相信改用另一个库。

【解决方案2】：

如果你还在寻找这个问题的答案，我想你要做的是在第 78 行寻找这行代码：

hideScrollbar: isIDevice,

然后将其注释掉 (//) 或将其删除。这就是我所做的，它似乎工作正常。

【讨论】：

【解决方案3】：

也许您可以将具有滚动条的 div 设置为固定高度，并将您的内容放在该 div 内的 div 中，其最小高度高于父 div 的固定高度......这应该使滚动条始终可见。

【讨论】：

谢谢，但您的解决方案仅适用于本机滚动条。 iScroll 用于为“android 浏览器”或“io safari”等触摸设备提供滚动条，这些设备没有滚动条，因此 iScroll 使用 javascript 创建效果。看这里：cubiq.org/iscroll

【解决方案4】：

对于 iScroll 版本 5，请设置以下选项

var myScroll = new IScroll('#demo', {
    scrollbars: true,
    fadeScrollbars: true
});

【讨论】：