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

Question

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

Answer 1

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

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

Answer 2

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

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