IS
со скролом что-то вроде
Size: a a a
2020 March 24
DK
+ window.scrollY (scrollX) можно
IS
export function getOffsetRect(elem: HTMLElement): Rect {
const box = elem.getBoundingClientRect();
const { body } = document;
const docElem = document.documentElement;
const scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
const scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
const clientTop = docElem.clientTop || body.clientTop || 0;
const clientLeft = docElem.clientLeft || body.clientLeft || 0;
const top = box.top + scrollTop - clientTop;
const left = box.left + scrollLeft - clientLeft;
return new Rect(top, left, box.height, box.width);
}
const box = elem.getBoundingClientRect();
const { body } = document;
const docElem = document.documentElement;
const scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
const scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
const clientTop = docElem.clientTop || body.clientTop || 0;
const clientLeft = docElem.clientLeft || body.clientLeft || 0;
const top = box.top + scrollTop - clientTop;
const left = box.left + scrollLeft - clientLeft;
return new Rect(top, left, box.height, box.width);
}
АГ
Кто-нибудь помнит как найти расстояние от верхней границы страницы до элемента? Чет везде одно jquery в гугле
scrollY не кроссбраузерный, используй window.pageYOffset
АГ
А, или вон функция агнёвая выше
ММ
спасибо!
ММ
export function getOffsetRect(elem: HTMLElement): Rect {
const box = elem.getBoundingClientRect();
const { body } = document;
const docElem = document.documentElement;
const scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
const scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
const clientTop = docElem.clientTop || body.clientTop || 0;
const clientLeft = docElem.clientLeft || body.clientLeft || 0;
const top = box.top + scrollTop - clientTop;
const left = box.left + scrollLeft - clientLeft;
return new Rect(top, left, box.height, box.width);
}
const box = elem.getBoundingClientRect();
const { body } = document;
const docElem = document.documentElement;
const scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
const scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
const clientTop = docElem.clientTop || body.clientTop || 0;
const clientLeft = docElem.clientLeft || body.clientLeft || 0;
const top = box.top + scrollTop - clientTop;
const left = box.left + scrollLeft - clientLeft;
return new Rect(top, left, box.height, box.width);
}
а что за синтаксис такой?) Чет ругается, да и конструктор Rect не видит
IS
это кусок из реального проекта, код на TS, щас на JS скину
IS
export function getOffsetRect(elem) {
const box = elem.getBoundingClientRect();
const { body } = document;
const docElem = document.documentElement;
const scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
const scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
const clientTop = docElem.clientTop || body.clientTop || 0;
const clientLeft = docElem.clientLeft || body.clientLeft || 0;
const top = box.top + scrollTop - clientTop;
const left = box.left + scrollLeft - clientLeft;
return {top, left, height: box.height, width: box.width};
}
const box = elem.getBoundingClientRect();
const { body } = document;
const docElem = document.documentElement;
const scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
const scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
const clientTop = docElem.clientTop || body.clientTop || 0;
const clientLeft = docElem.clientLeft || body.clientLeft || 0;
const top = box.top + scrollTop - clientTop;
const left = box.left + scrollLeft - clientLeft;
return {top, left, height: box.height, width: box.width};
}
ММ
export function getOffsetRect(elem) {
const box = elem.getBoundingClientRect();
const { body } = document;
const docElem = document.documentElement;
const scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
const scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
const clientTop = docElem.clientTop || body.clientTop || 0;
const clientLeft = docElem.clientLeft || body.clientLeft || 0;
const top = box.top + scrollTop - clientTop;
const left = box.left + scrollLeft - clientLeft;
return {top, left, height: box.height, width: box.width};
}
const box = elem.getBoundingClientRect();
const { body } = document;
const docElem = document.documentElement;
const scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
const scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
const clientTop = docElem.clientTop || body.clientTop || 0;
const clientLeft = docElem.clientLeft || body.clientLeft || 0;
const top = box.top + scrollTop - clientTop;
const left = box.left + scrollLeft - clientLeft;
return {top, left, height: box.height, width: box.width};
}
спасиб))
W
Всем привет! Подскажите, как правильно добавить в вебкомпонент другой компонент. нужно добавлять так же с <svelte:option tag="my--element”> или есть другие варианты?
W
при таком подключении возникает проблема со стилями
PM
удалил весь settings.json и вроде заработало. значит все таки какой-то плагин перезатирает
если vscode то там внизу можно выбрать языковой режим. может у тебя что-то сбилось там?
DD
если vscode то там внизу можно выбрать языковой режим. может у тебя что-то сбилось там?
В атоме вроде тоже самое.
PM
В атоме вроде тоже самое.
про атом не знаю. у меня было такое пару раз, что автоматический выбор языка ломался и выставлялся HTML. Возможно реально какой-то плагин что-то ломал. В итоге если вдруг возникает проблема с подсветкой, сразу проверяю и выставляю вручную режим
DD
Бывает такое периодически, но у меня само проходило.
2020 March 25
A
Sublime - ни одного сбоя подсветки👍🏻
JB
Sublime - ни одного сбоя подсветки👍🏻
жаль что он платный(
JB
А так я бы наверно до сих пор не пересел на вскод