Jak automatycznie obliczyc offset z lewej strony

0

Hej, znalazlem taki komponent:
https://codepen.io/hluebbering/pen/PoaWLrw

gdzie przy wyborze zakladki podswietla sie belka na dole. Jest to rozwiazane za pomoca parametru left oraz faktu ze szerokosc kazdej zakladki jest taka sama. Zastanawiam sie jak to rozwiazac zeby to dzialalo dla zakladek o roznej szerokosci w taki sposob ze zachowana jest animacja.

1

jest funkcja getBoundingClientRect, która daje ci współrzędne elementu względem widoku
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
możesz do tego dodać window.scrollX i window.scrollY (tak jak opisali w linku powyżej) albo wziąć ten bounding client rect z dwóch elementów (element menu i kontener) i je odjąć od siebie uzyskując relatywne współrzędne (zakładając, że element menu będzie miał position:absolute względem kontenera) np. tak jak tutaj zrobiłem:
https://jsfiddle.net/g31nszfk/

1 użytkowników online, w tym zalogowanych: 0, gości: 1