已解決：onscroll add class jquery

ui.widget.滾動到

使用 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”的變量中。 第三行說，如果'scroll'的值大於或等於100，那麼id為'header'的元素的CSS類應該改為'scrolled'。 如果不是，則應將其改回其原始類。

進口

jQuery 提供了一種將其他 JavaScript 文件導入項目的便捷方式。 為此，請使用 jQuery import() 函數。 例如，要將文件 myfile.js 導入到您的項目中，您可以使用以下代碼：

從'./myfile.js'導入{myFile}；

這將自動將 myfile.js 包含在您當前的項目範圍內，並使其可用於您的代碼。

開發者工具

jQuery 中有許多可用的開發人員工具。 這些工具可用於調試代碼、檢查和修改 DOM 元素等。