How to use the @pluginjs/utils.throttle function in @pluginjs/utils

To help you get started, we’ve selected a few @pluginjs/utils 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 / factory / src / main.js View on Github external
window.pageXOffset ||
    document.documentElement.scrollLeft ||
    document.body.scrollLeft ||
    0

  Pj.emitter.emit('scroll', e, scrollTop, scrollLeft)
}

function globalReadyHanle() {
  Pj.emitter.emit('ready')
}

window.addEventListener('DOMContentLoaded', globalReadyHanle)
window.addEventListener('orientationchange', globalResizeHandle)
window.addEventListener('resize', throttle(globalResizeHandle))
window.addEventListener('scroll', throttle(globalScrollHanle))

export default Pj
github pluginjs / pluginjs / modules / factory / src / main.js View on Github external
const scrollLeft =
    window.pageXOffset ||
    document.documentElement.scrollLeft ||
    document.body.scrollLeft ||
    0

  Pj.emitter.emit('scroll', e, scrollTop, scrollLeft)
}

function globalReadyHanle() {
  Pj.emitter.emit('ready')
}

window.addEventListener('DOMContentLoaded', globalReadyHanle)
window.addEventListener('orientationchange', globalResizeHandle)
window.addEventListener('resize', throttle(globalResizeHandle))
window.addEventListener('scroll', throttle(globalScrollHanle))

export default Pj
github pluginjs / pluginjs / modules / scroll-top / src / main.js View on Github external
bind() {
    bindEvent(
      this.eventName('click'),
      () => {
        this.jump()
        return false
      },
      this.$trigger
    )

    bindEvent(
      this.eventName('scroll'),
      throttle(() => {
        if (this.is('disabled')) {
          return
        }

        this.toggleVisible()
      }, this.options.throttle),
      window
    )
  }
github pluginjs / pluginjs / modules / breadcrumb / src / main.js View on Github external
resize() {
    if (!this.is('disabled') && this.options.responsive) {
      throttle(this.render(), 250)
    }
  }
}