https://github.com/simonhaenisch/hyper-fading-scrollbar

A hyper plugin that fades the scrollbar when not in use.
https://github.com/simonhaenisch/hyper-fading-scrollbar

hyper hyper-plugin

Last synced: 9 months ago
JSON representation

A hyper plugin that fades the scrollbar when not in use.

• Host: GitHub
• URL: https://github.com/simonhaenisch/hyper-fading-scrollbar
• Owner: simonhaenisch
• License: mit
• Created: 2018-04-30T03:09:11.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2021-07-01T15:53:31.000Z (over 4 years ago)
• Last Synced: 2025-05-23T15:33:33.198Z (10 months ago)
• Topics: hyper, hyper-plugin
• Language: JavaScript
• Homepage: https://www.npmjs.com/hyper-fading-scrollbar
• Size: 26.4 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Hyper Fading Scrollbar

[![NPM version](https://img.shields.io/npm/v/hyper-fading-scrollbar.svg)](https://www.npmjs.com/hyper-fading-scrollbar) [![NPM download count](https://img.shields.io/npm/dm/hyper-fading-scrollbar.svg)](https://www.npmjs.com/hyper-fading-scrollbar)



A hyper plugin that fades the scrollbar when not in use.

## Installation

```sh

hyper i hyper-fading-scrollbar

```

_You may want to make sure that your color theme package comes first in the `config.plugins` array in `.hyper.js`, so that the right color is applied to the scrollbar (it is inherited from the `borderColor` setting by default)._

## Options

You can customize the scrollbar color by using the `scrollbarColor` and `scrollbarOpacity` settings in your `.hyper.js` config:

```js

module.exports = {

  config: {

    // ...

    scrollbarColor: 'tomato', // any valid css color

    scrollbarOpacity: 0.1, // value between 0 and 1

  }

}

```

## Compatibility

This plugin has been updated to work with Hyper v3. To use it with v2, please use version 1.1.4 of this plugin.