Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как определить реальное расстояние от начала страницы до элемента? (https://javascript.ru/forum/events/31296-kak-opredelit-realnoe-rasstoyanie-ot-nachala-stranicy-do-ehlementa.html)

cartrege 02.09.2012 10:42

Как определить реальное расстояние от начала страницы до элемента?
 
Здравствуйте

Как с помощью jquery определить реальное расстояние от начала страницы до элемента?

я делаю так:
var off = $("#bottommenu").offset();
barr = off.top;


но тогда расстояние измеряется до верха родительского элемента

Positive_fun 02.09.2012 12:22

вот здесь все правильно описано:
http://jquery.page2page.ru/index.php5/Позиция_элемента
у меня ваш способ работает корректно и возвращает позицию элемента относительно страницы, а вот метод position() вместо нужного положения относительно родителя возвращает позицию относительно страницы если элемент относительно не позиционирован в таблице стилей. Не понимаю почему ваш метод не дает вам нужного результата, может причина в чем то другом.

cartrege 02.09.2012 12:32

тут я уже читал..

Positive_fun 02.09.2012 12:33

И что все равно дает позицию относительно родителя?

Deff 02.09.2012 12:39

cartrege,
Выложите HTML код или ссылку на страницу

Positive_fun 02.09.2012 12:42

Цитата:

Сообщение от Deff (Сообщение 202562)
cartrege,
Выложите HTML код или ссылку на страницу

+1
Выложите код тогда будет все ясней

cyber 02.09.2012 14:40

elem.getBoundingClientRect()

Slavenin 03.09.2012 13:36

первая ссылка в яндексе...
http://javascript.ru/blog/Andrej-Par...enta-elementov

dpts 16.12.2018 11:10

А у меня немного жестче вопрос.
Есть разметка (условно):
<div class="treewrapper">
	<ul class="tree">
		<li><span class="tree-item-title">Tree Item</span></li>
		<li><span class="tree-item-title">Tree Item</span>
			<ul class="tree">
				<li><span class="tree-item-title">Tree Item</span></li>
				<li><span class="tree-item-title">Tree Item</span></li>
			<ul>
		</li>
		...
		...
		...
		<li><span class="tree-item-title">Tree Item</span>
			<ul class="tree">
				<li><span class="tree-item-title">Tree Item</span></li>
				<li><span class="tree-item-title">Tree Item</span>
					<ul class="tree">
						<li><span class="tree-item-title">Tree Item</span></li>
						<li><span class="tree-item-title">Tree Item</span>
							<ul class="tree">
								<li><span class="tree-item-title">Tree Item</span></li>
								<li><span class="tree-item-title selected">Tree Item</span></li>
							<ul>
						</li>
					<ul>
				</li>
			<ul>
		</li>
		...
		...
		...
	</ul>
</div>

Глубина вложенности - любая.
Элемент с классом selected - всегда один.
treewrapper - фиксированной высоты и ширины с overflow: auto.

вопрос, как определить расстояние от начала .treewrapper до начала .selected, чтобы потом проскроллить дерево до .selected?

рони 16.12.2018 11:53

dpts,
elem.getBoundingClientRect().top - parent.getBoundingClientRect().top


Часовой пояс GMT +3, время: 09:49.