@livelybone/scroll-get

@livelybone/scroll-get

pkg.module supported, which means that you can apply tree-shaking in you project

A module for position relative to page or client

repository

https://github.com/livelybone/scroll-get.git

Demo

https://livelybone.github.io/tool/scroll-get/

Installation

npm i -S @livelybone/scroll-get

Global name

ScrollGet

Usage

import {
  getRect, 
  posRelativeToPage, 
  posRelativeToClient, 
  getNativeScrollbarWidth
} from '@livleybone/scroll-get'

/**
 * @result DOMRect | ClientRect | TextRectangle
 * */
var rect = getRect(document.getElementById('id'))
/**
 * @result { pageLeft: Number, pageTop: Number }
 * */
var pos = posRelativeToPage(document.getElementById('id'))
/**
 * @result { clientLeft: Number, clientTop: Number }
 * */
var pos1 = posRelativeToClient(document.getElementById('id'))
/**
 * @param { undefined | Window | Element } el
 * @result { x: Number, y: Number }
 * */
var el = window
var scrollbarInfo = getNativeScrollbarWidth(el)