zhf.dom-position

1.0.1 • Public • Published

dom是否有非static类型的定位?获取定位方式,给dom添加定位。

const DomPosition = require('zhf.dom-position');
const domPosition = new DomPosition('body');
console.log(domPosition.hasPosition()); // false => 是否有非static类型的定位
console.log(domPosition.hasPosition('static')); // true =>  是否有static类型的定位
console.log(domPosition.hasPosition('absolute')); // false =>  是否有absolute类型的定位
console.log(domPosition.hasPosition('relative')); // false =>  是否有relative类型的定位
console.log(domPosition.hasPosition('fixed')); // false =>  是否有fixed类型的定位
document.body.style.position = 'relative';
console.log(domPosition.hasPosition('relative')); // true =>  是否有relative类型的定位
domPosition.setPosition('absolute'); // dom没有定位或者定位为static的时候,设置dom的定位为absolute,不传参数则默认设置为relative
console.log(domPosition.hasPosition('relative')); // true =>  是否有relative类型的定位
domPosition.setPosition('absolute', true); // 不管dom有没有定位,都把dom的定位设置成absolute
console.log(domPosition.hasPosition('absolute')); // true =>  是否有absolute类型的定位
console.log(domPosition.getPosition()); // 'absolute' => 获取dom的定位方式

Readme

Keywords

none

Package Sidebar

Install

npm i zhf.dom-position

Weekly Downloads

0

Version

1.0.1

License

ISC

Unpacked Size

13.8 kB

Total Files

11

Last publish

Collaborators

  • zhouhuafei