Najnowsze tutoriale tworzenie stron internetowych
 

Element offsetTop Property

<Element Przedmiot

Przykład

Uzyskać pozycję offsetTop o <div> element:

<div id="test">
<p>Click the button to get offsetTop for the test div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p>offsetTop is: <span id="demo"></span></p>
</div>

<script>
function myFunction() {
    var testDiv = document.getElementById("test");
    document.getElementById("demo").innerHTML = testDiv.offsetTop;
}
</script>
Spróbuj sam "

Definicja i Wykorzystanie

Właściwość offsetTop zwraca najwyższej pozycji (in pixels) względem górnego elementu offsetParent.

Zwrócona wartość obejmuje:

  • górna pozycja, a margines elementu
  • górna wyściółka, przewijania i obramowania elementu offsetParent

Uwaga: offsetParent elementem jest najbliższy przodek, który ma pozycję inną niż statyczne.

Wskazówka: Aby powrócić lewym położeniu elementu, użyj offsetLeft nieruchomości.


Wsparcie przeglądarka

Nieruchomość
offsetTop tak 8.0 tak tak tak

Składnia

Powrót górną przesunięcie pozycji:

object .offsetTop

Szczegóły techniczne

Domyślna wartość: Brak wartości domyślnej
Zwracana wartość: Numer, reprezentujący najwyższą pozycję elementu w pikselach
DOM wersja: CSSOM

Więcej przykładów

Przykład

Uzyskaj pozycję aa <div> element:

<div id="test">
<p>Click the button to get the left and top offsets for the test div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<p id="demo">offsetLeft: <br>offsetTop: </p>
</div>
<script>
function myFunction() {
    var testDiv = document.getElementById("test");
    var demoDiv = document.getElementById("demo");
    demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
}
</script>
Spróbuj sam "


<Element Przedmiot