JavaScript to język internetowy używany do tworzenia dynamicznych stron internetowych i tworzenia ich interaktywnych dla użytkowników. Za pośrednictwem JavaScript możemy wykonywać różne funkcje, zmieniać CSS elementów HTML, wykonywać działania przy każdym kliknięciu i wiele innych.JavaScript sprawia, że ​​strona naszej witryny jest bardziej interaktywna i dodaje do niej dynamiczne zachowania, możemy tworzyć różne menu, rozwinąć menu, pręty przewijania itp. Możemy nawet włączyć i wyłączyć zachowanie każdego z tych komponentów za pomocą JavaScript. W tym artykule zobaczymy, jak wyłączyć przewijanie na stronie internetowej za pomocą JavaScript.

Wyłącz przewijanie na stronie internetowej

Przewijanie stron internetowych można łatwo wyłączyć za pomocą JavaScript na różne sposoby, ale w tym artykule zobaczymy tylko dwa sposoby wyłączenia go, które są wymienione poniżej:

• Metoda 1: Zastępowanie okna.Funkcja Onscroll
• Metoda 2: Ustawiając wysokość ciała na 100% i przepełnić się do ukrycia

Każda z tych metod jest wyjaśniona poniżej wraz z przykładami dla lepszej demonstracji i zrozumienia.

Zastępując okno.Funkcja Onscroll

Wydarzenie okno.Onscroll jest wystrzeliwany po przewijaniu okna, w ten sposób nadmierne i ustawianie funkcji na stałą wartość wyłączy efekt przewijania dla Twojej strony internetowej.

Bieżąca pozycja przewijania z góry okno.PageyOffset I dokument.dokumentElement.Scrolltop, oba zwrócą bieżącą wartość Y przewiń. Te dwa są używane razem za pomocą operatora logicznego „||” ponieważ jeden z nich może zwrócić 0 w niektórych przeglądarkach.

Teraz, aby znaleźć wartość X przewiń możemy użyć okno.PagexOffset i dokument.dokumentElement.Scrollleft które są używane podobnie jak przewijanie Y, używające lub operatora i zwracają wartość dla X Scroll na stronie internetowej.

Teraz po tym użyjemy okno.scrollto () wraz z dwoma powyższymi wartościami, aby ustawić pozycję przewijania swojej strony na tę wartość. Możesz włączyć przewijanie do tyłu, zastępując okno.funkcja onscroll do pustej funkcji pustej.

Poniżej znajduje się kod podany do wyłączenia przewijania strony internetowej przy użyciu tej metody:

HTML:

Witamy na naszej stronie internetowej

Kliknij przyciski poniżej, aby włączyć lub wyłączyć przewijanie.

Wyłącz przewijanie
Włącz przewijanie

JavaScript:

funkcjaDisable ()
// aby uzyskać pozycję przewijania obecnej strony internetowej
TopScroll = okno.PageyOffset || dokument.dokumentElement.Scrolltop;
Leftscroll = okno.PagexOffset || dokument.dokumentElement.Scrollleft,
// Jeśli nastąpi przewijanie, ustaw go na poprzednią wartość
okno.onScroll = function ()
okno.Scrollto (lewy scroll, topscroll);
;

functionenable ()
okno.onScroll = function () ;

Wyjście:

Ustawiając wysokość ciała na 100% i przepełnij się do ukrycia

W tej metodzie używamy CSS do wyłączenia przewijania na stronach internetowych. W klasie CSS ustawiamy wysokość na 100%, a następnie ustawiamy właściwość przepełnienia na ukrycie, co wyłącza pasek przewijania strony internetowej.

Metoda dokument.ciało.Lista klas.Dodaj („ClassName”) służy do dodania nazwy klasy do elementu ciała, a tym samym wyłączania przewijania. Aby włączyć przewijanie, klasa jest usuwana z metody przy użyciu dokument.ciało.Lista klas.Usuń („klasa”).

HTML:

Witamy na naszej stronie internetowej

Kliknij przyciski poniżej, aby włączyć lub wyłączyć przewijanie.

Wyłącz przewijanie
Włącz przewijanie

JavaScript:

Wyjście:

Wniosek

JavaScript jest używany do różnych celów, takich jak tworzenie pól wejściowych, słupki nawigacyjne, przy kliknięciu Działania zdarzeń itp. Za pośrednictwem JavaScript możemy również włączyć i wyłączyć działanie różnych komponentów na naszej stronie internetowej. W tym artykule omówiliśmy, jak wyłączyć przewijanie na stronie internetowej za pomocą JavaScript i omówiliśmy dwie różne metody wraz z przykładami i kodeksem w celu lepszego zrozumienia twojego. Obie te metody są łatwo stosowane i mogą pomóc użytkownikom w łatwym wyłączeniu paska przewijania.