Javascript 使用jQuery检索的另一个HTML文件中的Update元素

Javascript 使用jQuery检索的另一个HTML文件中的Update元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试将此功能添加到导航栏 不同之处在于,我的网站在另一个名为menu.HTML的HTML文件中有标题,它是使用jquery导入的,更准确地说,是这个命令 $(函数(){ $(“#header”).load(“/structureFiles/menu.html”); }); 此外,该函数位于一个单独的.js文件中,其中包含添加“粘滞”条的函数 当我尝试使用getElementById检索元素时,我获得 无法读取null的属性“offsetTop”。 另一方面,如果我尝试将jquery与$(w

我正在尝试将此功能添加到导航栏

不同之处在于,我的网站在另一个名为menu.HTML的HTML文件中有标题,它是使用jquery导入的,更准确地说,是这个命令

$(函数(){
$(“#header”).load(“/structureFiles/menu.html”);
});

此外,该函数位于一个单独的.js文件中,其中包含添加“粘滞”条的函数

当我尝试使用
getElementById
检索元素时,我获得
无法读取null的属性“offsetTop”

另一方面,如果我尝试将jquery与
$(window.scroll
)一起使用,元素偏移量始终为零。有什么想法吗?

你试过这样的方法吗:

$(window).scroll(function(){
    $("#header").css(
    {
        position: $("#header").offset().top - window.scrollY > window.scrollY ? 
            "fixed" : "static",
        top: 0
    });
});

首先,我要将
窗口.onload
更改为
$(document).ready()
,并查看这是否会造成差异。^
的可能重复。load()
是异步的。您需要等待内容加载完成后再尝试将其定位。没有任何更改,我继续获取null的无法读取属性“offsetTop”。似乎我无法检索从另一个文件导入的元素,我不想操作#header元素的css,但要使用jquery加载其中的元素的css
$(window).scroll(function(){
    $("#header").css(
    {
        position: $("#header").offset().top - window.scrollY > window.scrollY ? 
            "fixed" : "static",
        top: 0
    });
});