JavaScript Scrollable Div

Następnie uwzględnij „div”Element wraz z przypisanym„ID". W Div dołącz określony obraz, który ma być przewijany z dostosowanymi wymiarami w „”Tag:

Teraz uzyskaj dostęp do przypisanego identyfikatora „zwój„Do Div, aby przewijać dołączony obraz, przypisując„przelewowy„Właściwość do automatycznego, która wygeneruje przewijanie przez określony element poziomo, a także w pionie:

Na koniec dostosuj „div„Wymiary biorąc pod uwagę wykreślenie określonego obrazu, aby był przewijany:

Odpowiednie wyjście będzie:

Metoda 2: Utwórz przewijaną div JavaScript za pomocą przepełnienia i przepełnienia właściwości.

„„przepełnienie„Nieruchomość jest stosowana do określenia zachowania treści, gdy przepełnia element wzdłuż poziomych krawędzi (lewy i prawy). Z drugiej strony „przepełniony”Właściwość określa zachowanie treści pionowo (wzdłuż górnych i dolnych krawędzi). Metody te można wdrożyć w celu przewijania dostępnego elementu poprzez dostosowanie właściwości zgodnie z danymi wymaganiami.

Przykład

Po pierwsze, przypisz „ID”Do elementu DIV i uwzględnij określone nagłówek, jak omówiono w poprzedniej metodzie. Zawieraj także następujący akapit, aby go (div) przewijać:

Div

JavaScript jest jednym z najlepszych języków skrypcyjnych używanych głównie do stosowania różnych funkcji w tworzeniu witryny lub strony internetowej atrakcyjnej i przyjaznej dla użytkownika. Ten konkretny język integruje również HTML do wykonywania różnych dodatkowych funkcji.

Następnie pobieraj Div ID za pomocą „dokument.getElementById ()" metoda. Tutaj dostosuj przepełnienie i przepełnione właściwości. Przypisane właściwości spowodują przewijanie DIV tylko w pionie:

Wreszcie, stygnij przewijany div i dostosuj jej wymiary, jak pokazano w poprzedniej metodzie:

Wyjście

Ten zapis zawierał podejścia, które można wykorzystać do tworzenia DIV Scrollable w JavaScript.

Wniosek

Aby uczynić DIV Scrollable w JavaScript, zastosuj „przelewowy„Własność, którą należy przypisać w taki sposób, że dołączony obraz w DIV jest przewijany lub„przepełnienie" I "przepełniony„Właściwości można wykorzystać, przypisując je w taki sposób, aby dostęp”div”Jest przewijany tylko pionowo. Właściwości te można wdrożyć w celu wykonania danego wymogu tworzenia DIV Scrollable w JavaScript.