Javascript 使用jQuery检索的另一个HTML文件中的Update元素
我正在尝试将此功能添加到导航栏 不同之处在于,我的网站在另一个名为menu.HTML的HTML文件中有标题,它是使用jquery导入的,更准确地说,是这个命令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
$(函数(){
$(“#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
});
});