Вирішено: onscroll додає клас jquery

ui.widget.ScrollTo

Основна проблема використання віджета ScrollTo полягає в тому, що може бути важко контролювати, куди буде рухатися курсор користувача, коли він клацає віджет. Це може ускладнити створення зручного для використання інтерфейсу користувача.

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

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

Цей код написаний на jQuery та використовується для зміни класу CSS елемента, коли користувач прокручує сторінку вниз.

Перший рядок створює функцію, яка буде виконуватися, коли користувач прокручує. Другий рядок зберігає значення того, наскільки далеко користувач прокрутив сторінку у змінній під назвою «прокрутка». Третій рядок говорить, що якщо значення 'scroll' більше або дорівнює 100, тоді клас CSS елемента з ідентифікатором 'header' слід змінити на 'scrolled'. Якщо ні, то його слід повернути до початкового класу.

Імпортувати

jQuery надає зручний спосіб імпортувати інші файли JavaScript у ваш проект. Для цього скористайтеся функцією jQuery import(). Наприклад, щоб імпортувати файл myfile.js у ваш проект, ви повинні використати такий код:

імпорт { myFile } з './myfile.js';

Це автоматично включить myfile.js у ваш поточний проект і зробить його доступним для використання у вашому коді.

Інструменти для розробників

У jQuery доступна низка інструментів розробника. Ці інструменти можна використовувати для налагодження коду, перевірки та зміни елементів DOM тощо.