如何在未聚焦时将 iScroll 滚动条设置为隐藏答案

【问题标题】：How to set iScroll scrollbars to hide when has not focused如何在未聚焦时将 iScroll 滚动条设置为隐藏
【发布时间】：2019-03-06 11:20:48
【问题描述】：

我正在使用 iScroll 5，我定义了自定义滚动条并将 interactiveScrollbars 设置为 true。所以它就像一个魅力，但我想强制它在它没有焦点时隐藏滚动条，并在鼠标或触摸移动时显示它们。

【问题讨论】：

标签： focus scrollbar iscroll

【解决方案1】：

您可以将fadeScrollbars 选项设置为true。这将使滚动条和指示器在不使用时消失。

var myScroll = new IScroll('#wrapper', {
    /* iScroll Options */
     scrollbars: true,
     interactiveScrollbars: true,
     fadeScrollbars: true
});

【讨论】：

不幸的是，IScroll 似乎无法在 Flex 场景中运行。我也尝试过 nicescroll，现在我停止使用任何这种方法，但关于你的答案，我会尽快检查，如果可行，我会接受你的答案。再次感谢。
@QMaster 感谢您的回复，我将保留这个问题。目前，我只是在我的项目中使用fadeScrollbars。
谢谢凯文，我会尽快回到滚动世界:)

【解决方案2】：

hideScrollbar: true 属性对于火狐浏览器很重要，可以限制奇怪的滚动条问题。

var myScroll = new IScroll('#wrapper', {
  /* iScroll Options */
  scrollbars: true,
  interactiveScrollbars: true,
  hideScrollbar: true, /* this is important for Firefox browser */
  fadeScrollbars: true
})

【讨论】：