powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Елемент, верхняя точка (top) / getBoundingClientRect is not working
6 сообщений из 6, страница 1 из 1
Елемент, верхняя точка (top) / getBoundingClientRect is not working
    #39778889
Артем G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
День добрый,

Получаю вот такую ошибку : jQuery.Deferred exception: Object doesn't support property or method 'getBoundingClientRect' TypeError: Object doesn't support property or method 'getBoundingClientRect'

Нужно определить расстояние элемента от верхнего края окна.

Заранее спасибо за помощь.


автор
function getOffsetRect(el) {

var rect = el.getBoundingClientRect();

// add window scroll position to get the offset position
var left = rect.left + window.scrollX;
var top = rect.top + window.scrollY;
var right = rect.right + window.scrollX;
var bottom = rect.bottom + window.scrollY;

// polyfill missing 'x' and 'y' rect properties not returned
// from getBoundingClientRect() by older browsers
var x;
if (rect.x === undefined) {
x = left;
} else {
x = rect.x + window.scrollX;
}

var y;
if (rect.y === undefined) {
y = top;
} else {
y = rect.y + window.scrollY;
}

// width and height are the same
var width = rect.width;
var height = rect.height;

return { left, top, right, bottom, x, y, width, height };
}
...
Рейтинг: 0 / 0
Елемент, верхняя точка (top) / getBoundingClientRect is not working
    #39778909
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Артем G,

для выделения кода есть специальные тэги
будь внимателен к тем кому задаёшь вопрос
...
Рейтинг: 0 / 0
Елемент, верхняя точка (top) / getBoundingClientRect is not working
    #39779140
Дмитрий Мух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Артем G,

смотрите, что у вас там приходит в параметре el . Видимо не Element.
...
Рейтинг: 0 / 0
Елемент, верхняя точка (top) / getBoundingClientRect is not working
    #39779314
Артем G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Дмитрий Мух,

День добрый, к сожалению элемент приходит в нормальном состоянии.
Например я могу поменять высоту элемента, изменять / получать прочии свойства.

Проблема именно с getBoundingClientRect.

Я сегодня погуглил еще раз и нашел следующее.

https://caniuse.com/#feat=getboundingclientrect
Safari and Chrome give incorrect results for elements that have the nonstandard zoom CSS property applied to them. See WebKit bug #77998.
Really old versions of Safari and Chrome gave incorrect results for SVG elements. See Chromium issue #47998.
In IE<=11, calling getBoundingClientRect on an element outside of the DOM throws an unspecified error instead of returning a 0x0 DOMRect. See IE bug #829392.

У меня сейчас стоит IE 11 и Chrome 68.

Может поможете понять что значит "an element outside of the DOM throws an unspecified error"
...
Рейтинг: 0 / 0
Елемент, верхняя точка (top) / getBoundingClientRect is not working
    #39779322
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Артем GМожет поможете понять что значит "an element outside of the DOM throws an unspecified error"
Элемент, что ещё не в DOM.

Вы создаёте элементы через jQuery по callback-у? И видимо падает на том, что ещё не вставлен на страницу?
...
Рейтинг: 0 / 0
Елемент, верхняя точка (top) / getBoundingClientRect is not working
    #39779351
Артем G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
skyANAАртем GМожет поможете понять что значит "an element outside of the DOM throws an unspecified error"
Элемент, что ещё не в DOM.

Вы создаёте элементы через jQuery по callback-у? И видимо падает на том, что ещё не вставлен на страницу?

День добрый, мой элемент это таблица - Kendo.Grid.

К сожалению я не знаю что вперед происходит работа скрипта или создание таблички с помощью kendo.
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Елемент, верхняя точка (top) / getBoundingClientRect is not working
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]