How to use @pluginjs/scrollbar - 2 common examples

To help you get started, we’ve selected a few @pluginjs/scrollbar examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github pluginjs / pluginjs / modules / scrollable / src / main.js View on Github external
createBar(direction) {
    const options = Object.assign(this.options.scrollbar, {
      direction,
      useCssTransitions: false,
      keyboard: false,
      clickMoveStep: 1
    })
    const $bar = document.createElement('div')

    const api = new SCROLLBAR($bar, options)

    if (this.options.showOnHover) {
      addClass(this.classes.BARHIDE, $bar)
    }

    append($bar, this.$wrap)

    this[`$${direction}`] = $bar
    this[`$${direction}`].api = api

    this.$bar.push($bar)
    this.updateBarHandle(direction)
  }
github pluginjs / pluginjs / modules / scrollbar / samples / src / sections / horizontal / index.js View on Github external
queryAll('.example-scrollbar-horizontal').map(element =>
  Scrollbar.of(element, {
    direction: 'horizontal',
    handleLength: 100,
    keyboard: true
  })
)

@pluginjs/scrollbar

A flexible modern scrollbar js plugin.

GPL-3.0
Latest version published 2 years ago

Package Health Score

46 / 100
Full package analysis

Popular @pluginjs/scrollbar functions

Similar packages