Jquery 删除：滚动上的目标样式

我添加了以下内容以允许对锚链接进行平滑滚动。要为粘性标题偏移的：target:before样式：

html {
    scroll-behavior: smooth;
}
:target:before {
    content:' ';
    display: block;
    height: 65px;
}

这非常有效，但是如果您向上滚动页面，它会留下一个

65px

间隙。再次滚动后，我想删除

：target:before

样式

我尝试了以下方法，但无效：

$(window).scroll(function() {
    $(':target:before').hide();
});

有什么好的解决办法吗

$（'a'）。在（'click'，function（）上{
var anchorLink=$（'a'）.attr（'href'）；
$（anchorLink）.addClass（'activeAnchor'）；
$（窗口）.on（'keyup-DOMMouseScroll'，函数（e）{
如果（e.which==33//翻页
||e.which==34//第dn页
||e.which==32//空格键
||e.哪个==38//向上
||e.which==40//down
||（e.ctrlKey&&e.which==36）//ctrl+home
||（e.ctrlKey&&e.which==35）//ctrl+end
||e.type=='DOMMouseScroll'）
{
$（anchorLink）.removeClass（'activeAnchor'）；
}
});
});
标题{
位置：固定；
高度：50px；
背景：#000；
不透明度：.75；
颜色：#fff；
宽度：100%；
}
html{
滚动行为：平滑；
}
.activeAnchor:之前{
内容：''；
显示：块；
高度：65px；
}

标题
我的第一个标题

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。信息技术
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一个未知的
印刷工拿起一个铅字厨房，把它翻成一本铅字样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着发行而流行起来
包含Lorem Ipsum段落的Letraset表单，以及最近使用的桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

锚定。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。信息技术
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一个未知的
印刷工拿起一个铅字厨房，把它翻成一本铅字样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着发行而流行起来
包含Lorem Ipsum段落的Letraset表单，以及最近使用的桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。信息技术
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一个未知的
印刷工拿起一个铅字厨房，把它翻成一本铅字样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着发行而流行起来
包含Lorem Ipsum段落的Letraset表单，以及最近使用的桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。信息技术
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一个未知的
印刷工拿起一个铅字厨房，把它翻成一本铅字样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着发行而流行起来
包含Lorem Ipsum段落的Letraset表单，最近使用桌面发布软件，如
$(window).scroll(function() {
  $(':target::before').css('height', '0px');
});

:target.inactive:before {
  display: none;
}

$(window).on('DOMMouseScroll', function() {
  $(':target').addClass('inactive');
}); // a more effective event listener is provided in the code for *Manual Scroll*

$('a').on('click', function() {
  $(':target').removeClass('inactive');
});