0.0.3 • Published 6 years ago
keep-element-in-view v0.0.3
Keep Elements in View!
This simple repo keeps a floating element from wondering off your view. below is an example of its use. Should you have an issue feel free to report it and I'll be more than happy to look into for you.
Usage
import correctPosition from 'keep-element-in-view';
// or const correctPosition = require('keep-element-in-view');
// pass an HTMLElement and position will be auto corrected
correctPosition(HTMLElement, HTMLElement.parent || null) // null will set the parent to document.body
// pass in a coordinates object and have corrected coordinates returned
correctPosition({
left: String
top: String
width: String
height: String
}, HTMLElement.parent || null)
returned coordinates
{
left: String
top: String
width: String
height: String
}
Use by passing in an element
import correctPosition from 'keep-element-in-view';
// or const correctPosition = require('keep-element-in-view');
window.addEventListener('touchmove', () => {
const thingInView = document.body.querySelector('.someAdProbably');
correctPosition(thingInView);
})