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属性对于firefox浏览器很重要，它可以限制怪异的滚动条问题。

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

如何设置iScroll滚动条以在未聚焦时隐藏

2 个答案: