С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 Аватар для ChildOfFlowers
15 / 14 / 9
Регистрация: 16.04.2012
Сообщений: 1,090

Получить абсолютный отступ от края

19.02.2024, 13:17. Показов 393. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет!
Есть ли в JS встроенный способ получить абсолютный отступ произвольного элемента от нулевой координаты страницы? Я могу, конечно, написать функцию, которая будет перелопачивать все parentNod'ы элемента и складывать их отступы. Просто, если уже существует такая встроенная возможность, не хочется изобретать свой велосипед.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
19.02.2024, 13:17
Ответы с готовыми решениями:

Отступ от верхнего края страницы через JavaScript
Есть картинка, которую хочу сместить вниз на 100px относительно верхнего края страницы при загрузке страницы и чтоб она занимали всю...

Получить высоту от нижнего края элемента до нижнего края браузера
Собственно вопрос в тем, заголовке. Пытался $(document).height() + вычитаем высоту элемента. Получается в 10 раз растояние больше чем на...

Отступ от правого края
Возникла такая проблема.. делаю отступ блока от краев при помощи padding.. когда делаю отступ от левого и верхнего края, то все в порядке,...

3
Молодой техлид)
Эксперт JSЭксперт HTML/CSS
 Аватар для mr_dramm
1818 / 1056 / 329
Регистрация: 17.07.2021
Сообщений: 2,146
Записей в блоге: 14
19.02.2024, 14:26
getBoundingClientRect

Цитата Сообщение от ChildOfFlowers Посмотреть сообщение
Я могу, конечно, написать функцию, которая будет перелопачивать все parentNod'ы элемента и складывать их отступы.
Даже интересно стало, а дальше что? а как будете считать плавающие области, какие алгоритмы и структуры данных будете использовать? =)
0
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3812 / 1650 / 428
Регистрация: 14.03.2022
Сообщений: 4,116
19.02.2024, 14:27
Цитата Сообщение от ChildOfFlowers Посмотреть сообщение
Есть ли в JS встроенный способ получить абсолютный отступ произвольного элемента от нулевой координаты страницы?
Вроде так...

JavaScript
1
const top = elem.getBoundingClientRect().top + document.body.scrollTop
2
 Аватар для ChildOfFlowers
15 / 14 / 9
Регистрация: 16.04.2012
Сообщений: 1,090
19.02.2024, 14:55  [ТС]
Цитата Сообщение от mr_dramm Посмотреть сообщение
Даже интересно стало, а дальше что? а как будете считать плавающие области, какие алгоритмы и структуры данных будете использовать? =)
Да вроде всё просто... создаём массив элементов, для которых нужно вычислять отступ; Пересчитываем значения для них по событиям onScroll и onResize документа. Ну это так, навскидку. Наверняка при реализации всплывут подводные камни. Но в целом задачка не кажется такой уж сложной.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.02.2024, 14:55
Помогаю со студенческими работами здесь

Отступ элемента от верхнего края
здравствуите например есть елемнт, у которого id="iddi" и отступ от верхного края 200 px, ми можем понимать етот отступ через jquery так...

Отступ текста от края в Memo
Доброго времени суток, уважаемые программисты! Я новичок в данной области и мне нужна Ваша помощь! Есть БД Access данные, которой...

Отступ от края окна браузера
Вообщем проблема такова.Дан текст и его вид уже непосредственно в форме html страницы(скриншот прикреплю).На картинке отмечено место,где...

Убрать отступ от края экрана
Как убрать отступ от края DIV в ASP.NET На рисунке 1, то что получается а вариант 2 - так как надо

Не работает отступ от нижнего края экрана
Не работает отступ от нижнего края экрана <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Книжный...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru