focus - フォーカスされていないときにiScrollスクロールバーを非表示に設定する方法

Question

私は iScroll 5 を使用しており、カスタム スクロールバーを定義し、interactiveScrollbars を true に設定しています。それは魅力のように機能しますが、フォーカスがないときにスクロールバーを非表示にし、マウスまたはタッチが移動するたびにスクロールバーを表示するように強制します。

Answer 1

fadeScrollbarsオプションを に設定できますtrue。これにより、スクロールバーとインジケーターが使用されていないときにフェードアウトします。

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