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.
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.
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.