Tether - make absolutely positioned elements attach to elements in the page efficiently

Tether is a JavaScript library for efficiently making an absolutely positioned element stay next to another element on the page. For example, you might want a tooltip or dialog to open, and remain, next to the relevant item on the page.

 

This positioning plugin includes the ability to constrain the element within the viewport, its scroll parent, any other element on the page, or a fixed bounding box. When it exceeds those constraints it can be pinned to the edge, flip to the other side of its target, or hide itself. Tether optimizes its location placement as the page is scrolled and resized. The page can maintain 60fps scrolling even with dozens or hundreds of tethers on screen.

 

Tether is 5kb minified and gzipped, and supports IE9+, and all modern browsers.

 

w10schools
2014-03-27 13:58:48
Comments
Leave a Comment

Please login to continue.