\n \n | points | \n String[2] | \n move point of source node to align with point of target node, such as ['tr','cc'],\n align top right point of source node with center point of target node.\n point can be 't'(top), 'b'(bottom), 'c'(center), 'l'(left), 'r'(right)\n | \n
\n \n | offset | \n Number[2] | \n offset source node by offset[0] in x and offset[1] in y. \n If offset contains percentage string value, it is relative to sourceNode region. | \n
\n \n | targetOffset | \n Number[2] | \n offset target node by offset[0] in x and offset[1] in y. \n If targetOffset contains percentage string value, it is relative to targetNode region. | \n
\n \n | overflow | \n Object: `{ adjustX: boolean, adjustY: boolean, alwaysByViewport:boolean }` | \n \n if adjustX field is true, then will adjust source node in x direction if source node is invisible.\n if adjustY field is true, then will adjust source node in y direction if source node is invisible.\n if alwaysByViewport is true, the it will adjust if node is not inside viewport\n | \n
\n \n | useCssRight | \n Boolean | \n whether use css right instead of left to position | \n
\n \n | useCssBottom | \n Boolean | \n whether use css bottom instead of top to position | \n
\n \n | useCssTransform | \n Boolean | \n whether use css transform instead of left/top/right/bottom to position if browser supports.\n Defaults to false. | \n
\n \n![](\"http://gtms02.alicdn.com/tps/i2/TB1XIp2HXXXXXajaXXXgJfr8XXX-548-888.png\")
\n\n## Install\n\n[](https://npmjs.org/package/dom-align)\n\n## Feature\n\n* support IE9+ chrome firefox\n* support align points and offset\n* support auto adjust according to visible area\n\n## Online Demo\n\n* http://yiminghe.github.io/dom-align/\n\n## Usage\n\n```js\nimport domAlign from 'dom-align';\n\n// use domAlign\n// sourceNode's initial style should be position:absolute;left:-9999px;top:-9999px;\n\nconst alignConfig = {\n points: ['tl', 'tr'], // align top left point of sourceNode with top right point of targetNode\n offset: [10, 20], // the offset sourceNode by 10px in x and 20px in y,\n targetOffset: ['30%','40%'], // the offset targetNode by 30% of targetNode width in x and 40% of targetNode height in y,\n overflow: { adjustX: true, adjustY: true }, // auto adjust position when sourceNode is overflowed\n};\n\ndomAlign(sourceNode, targetNode, alignConfig);\n```\n\n## API\n\n### void domAlign(source: HTMLElement, target: HTMLElement, alignConfig: Object):Function\n\n#### alignConfig object details\n\n