Jak przewijać ID w JavaScript?

Przypisz także określone „ID„Do następującego akapitu, aby zostać przewidzianym:

Python to bardzo dobry język na początek od programowania. Obejmuje to listę, subliści, tablice, zapętlanie, funkcje, zmienne i wiele więcej. Zawiera także różne biblioteki i pakiety do integracji z różnymi funkcjami wbudowanymi i wykonywanie zadań.

Podobnie powtórz powyższe kroki, aby włączyć odpowiednio następujące nagłówek i akapit:

JavaScript

JavaScript to język skryptowy, który bardzo pomaga w projektowaniu różnych interaktywnych stron internetowych. Można go zintegrować z HTML w celu zastosowania niektórych dodatkowych funkcji. W ten sposób przyciąga również użytkownika końcowego.

Następnie określ następujący obraz i dostosuj jego wymiary:

Użyj także „Href”Atrybut wraz z„„Tag w celu uzyskania dostępu do określonej funkcji:

Przewiń do akapitu

Na koniec zadeklaruj funkcję o nazwie „scrolltoid ()„Aby uzyskać dostęp do przewijania. W definicji funkcji uzyskaj dostęp do identyfikatora akapitu za pomocą „dokument.getElementById ()„Metoda i zastosuj„scrollIntoview ()„Metoda po dostępie identyfikator. Spowoduje to przewijanie DOM do odpowiedniego akapitu:

funkcja scrolltoid ()
var Access = Dokument.getElementById („para”);
dostęp.scrollIntoview (behis: „gładki”, true);

Wynikowy wynik będzie:

Metoda 2: Przewiń do ID w JavaScript za pomocą metody ScrolLintoview () z zdarzeniem OnClick

Metody te można zastosować w połączeniu, aby pobrać identyfikator konkretnego obrazu i przewiń go po kliknięciu przycisku.

Przykład

W poniższym przykładzie określ następujący nagłówek:

Kliknij przycisk, aby przewijać element.

Następnie utwórz określony przycisk wraz z „na kliknięcie„Wydarzenie wywołujące funkcję scrolltoid ():

Przewiń do obrazu

Teraz dołącz następujące obrazy z określonymi identyfikatorami i dostosowanymi wymiarami:

Na koniec zdefiniuj funkcję o nazwie „scrolltoid ()". Tutaj, podobnie dostęp do przypisanego identyfikatora jednego z obrazów i przewiń do niego za pomocą „scrollIntoview ()" metoda:

funkcja scrolltoid ()
var Access = Dokument.getElementById („id2”);
dostęp.scrollIntoview ();

Wyjście

Metoda 3: Przewiń do ID w JavaScript za pomocą metody scrollto () i jej atrybutów

„„scrollto ()”Metoda przewija dokument do określonych współrzędnych. Tę metodę można zastosować do przewijania do określonego obrazu za pomocą atrybutów metody.

Składnia

okno.Scrollto (x, y)

W podanej składni „X" I "y”Wskazuj współrzędne poziome i pionowe reprezentowane odpowiednio w pikselach. W poniższym przykładzie oba są przypisywane jako „955"

Aby wyczyścić koncepcję, przejrzyj następujący przykład.

Przykład

Najpierw dołącz określony obraz w określonym „div”Element i dostosuj swoje wymiary:

Podobnie powtórz powyższą procedurę z następującym obrazem:

Następnie za pomocą „Href”Atrybut, dostęp do określonej funkcji w ramach„kotwica (a)”Tag:

Przewiń do obrazu

Wreszcie zdefiniuj funkcję o nazwie „scrolltoid ()". Tutaj pobieraj określony identyfikator odpowiadający jednemu z dołączonych obrazów. Zastosuj także „scrollto ()”Metoda wraz z jej atrybutami (ScrollTop, ScrollLEFT), odnosząc się do identyfikatora pobieranego obrazu. Spowoduje to przewijanie DOM do obrazu na pobieranym identyfikatorze:

funkcja scrolltoid ()
var Access = Dokument.getElementById („IMG1”);
okno.scrollto (
TOP: Dostęp.Scrolltop,
Po lewej: dostęp.scrollleft);

Wyjście

Zebraliśmy różne metody przewijania ID w JavaScript.

Wniosek

Aby przewijać ID w JavaScript, zastosuj „scrolintoview ()„Metoda dostępu do określonego identyfikatora akapitu i przewijania do niego,„scrolintoview ()„Metoda z„na kliknięcie„Wydarzenie, aby przewijać dostęp do obrazu po przycisku kliknij lub„scrollto ()”Metoda i jej atrybuty do przewijania dostępnego obrazu poprzez dostosowanie atrybutów zastosowanej metody. Ten blog wykazał metody przewijania ID w JavaScript.