已解决: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 元素等。

相关文章:

发表评论