mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
72d2038348
Boolean is used for disabling classes while strings is used for overriding. See docs: http://tether.io/
57 lines
1.1 KiB
TypeScript
57 lines
1.1 KiB
TypeScript
///<reference types="jquery" />
|
|
import Tether = require("tether");
|
|
|
|
var yellowBox = document.querySelector(".yellow");
|
|
var greenBox = document.querySelector(".green");
|
|
|
|
new Tether({
|
|
attachment: "bottom middle",
|
|
targetAttachment: "top middle",
|
|
targetModifier: "visible",
|
|
offset: "-15px 0",
|
|
targetOffset: "0 0",
|
|
classes: {
|
|
'element': false,
|
|
'target': 'someClassName'
|
|
}
|
|
});
|
|
|
|
new Tether({
|
|
element: yellowBox,
|
|
target: greenBox,
|
|
attachment: "top left",
|
|
optimizations: {
|
|
gpu: false
|
|
}
|
|
});
|
|
|
|
new Tether({
|
|
element: yellowBox,
|
|
target: greenBox,
|
|
attachment: "top left",
|
|
targetAttachment: "bottom left",
|
|
constraints: [
|
|
{
|
|
to: "scrollParent",
|
|
pin: true
|
|
},
|
|
{
|
|
to: "window",
|
|
attachment: "together"
|
|
}
|
|
]
|
|
});
|
|
|
|
new Tether({
|
|
element: yellowBox,
|
|
target: greenBox,
|
|
attachment: "middle left",
|
|
targetAttachment: "middle left",
|
|
constraints: [
|
|
{
|
|
to: "scrollParent",
|
|
pin: ["top"]
|
|
}
|
|
]
|
|
});
|