HTML DOM Elemanı scrollIntoView() Metodu

Tanım ve kullanım

scrollIntoView() Elemanı tarayıcı penceresinin görünürlüğü alanına kaydıran yöntem.

Örnek

Örnek 1

id="content" olan elemanı tarayıcı penceresinin görünürlüğü alanına kaydırma:

const element = document.getElementById("content");
element.scrollIntoView();

Kişisel olarak deneyin

Örnek 2

Elemanın üstüne veya altına kaydırma:

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

Kişisel olarak deneyin

Gramer

element.scrollIntoView(hizala)

Parametre

Parametre Açıklama
hizala

İsteğe bağlı. Hizalama türünü belirtir:

  • true - Elemanın üstü, kaydırılabilir atasının görünürlüğü alanının üstüne yerleştirilir
  • false - Elemanın altı, kaydırılabilir atasının görünürlüğü alanının altına yerleştirilir

Atlanırsa, elemanın üstüne kayar.

Dikkat:Diğer elemanların düzenine göre, bazı elemanlar tamamen yukarıya veya aşağıya kaymayabilir.

Dönüş değeri

Yok.

Tarayıcı destekler

Tüm tarayıcılar destekler element.scrollIntoView()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek 9-11 Destek Destek Destek Destek