diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
| commit | d25ff2bddd44b9dac1ceb248424109d1782dd211 (patch) | |
| tree | 34fcfd824a1a72e7b4d431b688adcea532b62180 /minionlivesmatter/templates/assets/tether/docs/1-Overview/2-repositioning.md | |
| parent | a2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff) | |
| download | meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.tar.gz meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.zip | |
add minionlivesmatter as submodule
Diffstat (limited to 'minionlivesmatter/templates/assets/tether/docs/1-Overview/2-repositioning.md')
| -rw-r--r-- | minionlivesmatter/templates/assets/tether/docs/1-Overview/2-repositioning.md | 46 |
1 files changed, 0 insertions, 46 deletions
diff --git a/minionlivesmatter/templates/assets/tether/docs/1-Overview/2-repositioning.md b/minionlivesmatter/templates/assets/tether/docs/1-Overview/2-repositioning.md deleted file mode 100644 index 6c02483..0000000 --- a/minionlivesmatter/templates/assets/tether/docs/1-Overview/2-repositioning.md +++ /dev/null @@ -1,46 +0,0 @@ -Repositioning ------ - -Tethers will be automatically repositioned when the page is resized, and when any element containing the Tether is scrolled. -If the element moves for some other reason (e.g. with JavaScript), Tether won't know to reposition the element. - -#### Manually Repositioning - -The simplest way to reposition every Tether on the page is to call `Tether.position()`. It will efficiently reposition every -Tether in a single repaint, making it more efficient than manually repositioning many Tethers individually. - -```javascript -Tether.position() -``` - -#### Repositioning a Single Tether - -If you have many Tethers on screen, it may be more efficient to just reposition the tether that needs it. You can do this -by calling the `.position` method on the Tether instance: - -```javascript -tether = new Tether({ ... }) - -// Later: -tether.position() -``` - -#### Tethering Hidden Elements - -If you are creating a tether involving elements which are `display: none`, or not actually in the DOM, -your Tether may not be able to position itself properly. One way around this is to -ensure that a position call happens after all layouts have finished: - -```javascript -myElement.style.display = 'block' - -tether = new Tether({ ... }) - -setTimeout(function(){ - tether.position(); -}) -``` - -In general however, you shouldn't have any trouble if both the element and the target are visible and in the DOM when you -create the Tether. If that is not the case, create the Tether disabled (option `enabled`: `false`), and enable it when -the elements are ready. |
