z-index Manager

English | 简体中文

Web common z-index style management.

Browser Support

7+ ✔	80+ ✔	44+ ✔	40+ ✔	60+ ✔	6+ ✔

Installing

npm install dom-zindex

CDN

<script src="https://unpkg.com/dom-zindex"></script>

Example 1

import domZindex from 'dom-zindex'

// Gets the largest z-index on the page.
domZindex.getMax()

// Set main current z-index.
domZindex.setCurrent(1000)

// Get main current z-index.
domZindex.getCurrent() // 1000

// Get main next z-index.
domZindex.getNext() // 1001

// Get subordinate current z-index, the secondary z-index will always be greater than the primary z-index.
domZindex.getSubCurrent() // 2001

// Get subordinate next z-index.
domZindex.getSubNext() // 2002

Example 2

import domZindex from 'dom-zindex'

// If the incoming z-index is less than global, the next one is automatically fetched.
let currZindex1 = 888
currZindex1 = domZindex.getCurrent(currZindex1) // 1000

// If the z-index is greater than the global value, the value is returned.
let currZindex2 = 2000
currZindex2 = domZindex.getCurrent(currZindex2) // 1500

Contributors

Thank you to everyone who contributed to this project.

License

MIT © 2019-present, Xu Liangzhan