JQuery是最热门的问题

我就直接谈这个问题。 我在我的网页中有一些部分，每个部分都有一个id，我有一个固定的导航栏，其中有指向这些部分的链接。 所以我想滚动到这些部分并使用偏移量，这样它就不会与导航栏重叠。我使用了以下代码：

$（'a[href^=“#”]”）。在（'click'，函数（事件）{
var target=$（this.getAttribute（'href'）；
if（target.length）{
event.preventDefault（）；
$（'html，body'）.stop（）.animate({
scrollTop:target.offset（）.top
}, 1000);
}
});

它在chrome中工作得很好，但在edge和chrome incognito中都不起作用。它有点停用链接，它们不工作。 我在这个网站和其他网站上测试了这么多不同的解决方案，没有一个解决了这个问题。 唯一的解决方案就是这个css代码：

：目标：：之前{
内容：“；
显示：块；
高度：45px；/*固定收割台高度*/
余量：-45px 0；/*负固定收割台高度*/
}

这很完美，但唯一的问题是我在wordpress上有这个网站，所以有这个adminbar，正如我说的，我也有一个固定的导航栏，所以在某些情况下偏移值必须改变。 我还希望用jquery更改该值，但我面临的另一个问题是选择css属性。我找不到选择“：target:：before”并更改其属性的方法。 我真的不在乎动画。我只是想让这件事起作用。

---

感谢您的帮助。

您可以尝试参考下面的示例，它可能会帮助您解决问题

该代码在MS Edge中运行良好，在Chrome incognito模式下也运行良好

代码在固定导航栏和页面上的其他元素之间留出适当的空间

例如：

$（文档）.ready（函数（）{
$（“#tp”）。单击（函数（）{
var jump=$（“#top”）.attr（'href'）；
var new_position=$（jump.offset（）；
var n=新位置。顶部-60；
$（'html，body'）.stop（）.animate（{scrollTop:n}，500）；
});
$（“#mdl”）。单击（函数（）{
var jump=$（“#middle”）.attr（'href'）；
var new_position=$（jump.offset（）；
var n=新位置。顶部-60；
$（'html，body'）.stop（）.animate（{scrollTop:n}，500）；
});
$（“#btm”）。单击（函数（）{
var jump=$（“#底部”）.attr（'href'）；
var new_position=$（jump.offset（）；
var n=新位置。顶部-60；
$（'html，body'）.stop（）.animate（{scrollTop:n}，500）；
});
});
身体{
填充顶部：50px；
}
navbar先生{
溢出：隐藏；
背景色：#333；
位置：固定；
排名：0；
宽度：100%；
}
纳瓦尔先生{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
.导航栏a:悬停{
背景：ddd；
颜色：黑色；
}
梅因先生{
填充：16px；
边缘顶部：10px；
高度：1500px；/*在本例中用于启用滚动*/
}
a{
背景：橙色；
颜色：#444；
字体系列：无衬线；
文本对齐：居中；
文字装饰：无；
填充：20px；
显示：块；
}
#明星{
文本对齐：居中；
字体大小：100px；
线高：500px；
颜色：#ddd；
}
资源
&明星；
&明星；
&明星；
&明星；