Vyřešeno: onscroll add class jquery

ui.widget.ScrollTo

Hlavním problémem používání widgetu ScrollTo je to, že může být obtížné ovládat, kam se kurzor uživatele po kliknutí na widget přesune. To může ztížit vytvoření uživatelského rozhraní, které se snadno používá.

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    //>=, not <=
    if (scroll >= 100) {
        //clearHeader, not clearheader - caps H
        $("#header").addClass("scrolled");
    } else {
        $("#header").removeClass("scrolled");  
    }  }); //missing );

Tento kód je napsán v jQuery a používá se ke změně třídy CSS prvku, když uživatel posouvá stránku dolů.

První řádek vytváří funkci, která se provede, když uživatel roluje. Druhý řádek ukládá hodnotu toho, jak daleko na stránce se uživatel posunul, v proměnné nazvané 'scroll'. Třetí řádek říká, že pokud je hodnota 'scroll' větší nebo rovna 100, pak by se třída CSS prvku s id 'header' měla změnit na 'scrolled'. Pokud ne, měla by být změněna zpět do původní třídy.

import

jQuery poskytuje pohodlný způsob, jak importovat další soubory JavaScriptu do vašeho projektu. Chcete-li to provést, použijte funkci jQuery import(). Například pro import souboru myfile.js do vašeho projektu byste použili následující kód:

import { myFile } from './myfile.js';

To automaticky zahrne soubor myfile.js do vašeho aktuálního rozsahu projektu a zpřístupní jej pro použití ve vašem kódu.

Vývojářské nástroje

V jQuery je k dispozici řada vývojářských nástrojů. Tyto nástroje lze použít k ladění kódu, kontrole a úpravě prvků DOM a dalším.