Chcę ustawić DIV w określonych współrzędnych? Jak mogę to zrobić używając Javascript?
javascript
html
coordinates
Adham
źródło
źródło
x_pos
,y_pos
Nie musisz do tego używać Javascript. Używanie zwykłego starego CSS:
Jeśli uważasz, że musisz używać javascript lub próbujesz to zrobić dynamicznie za pomocą JQuery, ma to wpływ na wszystkie elementy div klasy „blah”:
Alternatywnie, jeśli musisz używać zwykłego starego javascript, możesz pobrać go według identyfikatora
źródło
document.getElemtentById()
, możesz również odwołać się do niego za pomocą dowolnego selektora podobnego do jQuery z document.querySelector () i jego wieloma odmianamicóż, zależy to od tego, czy wszystko, czego chcesz, to ustawić element div, a potem nic więcej, nie musisz do tego używać skryptu java. Możesz to osiągnąć tylko za pomocą CSS. Liczy się to, w jakim kontenerze chcesz umieścić swój element div, jeśli chcesz go ustawić względem treści dokumentu, wtedy twój div musi być ustawiony bezwzględnie, a jego kontener nie może być umieszczony względnie lub absolutnie, w takim przypadku twój div zostanie umieszczony względem pojemnika.
W przeciwnym razie w Jquery, jeśli chcesz ustawić element względem dokumentu, możesz użyć metody offset ().
jeśli w stosunku do przesuniętej pozycji macierzystej, to rodzica względna lub bezwzględna. następnie użyj następujących ...
źródło
Możesz także użyć właściwości CSS o stałej pozycji.
źródło
Oto dobrze opisany artykuł, a także przykładowy kod. Współrzędne JS
Zgodnie z wymaganiami. poniżej znajduje się kod, który został ostatecznie opublikowany w tym artykule. Trzeba wywołać funkcję getOffset i przekazać element html, który zwraca swoje górne i lewe wartości.
źródło
Umieściłem to i dodałem „px”; Działa bardzo dobrze.
źródło