Javascript 在粘性导航栏下隐藏内容

Javascript 在粘性导航栏下隐藏内容,javascript,html,css,wordpress,Javascript,Html,Css,Wordpress,这是我网站的URL。当我向下滚动到HWR出版物部分并单击该部分的任何帖子时,它会转到另一页上的特定帖子,将内容隐藏在粘性导航栏下。为此,我使用了以下js代码: $(document).ready(function(){ if (window.location.hash == "#moreInfo") { $('html, body').animate({ scrollTop: $("#moreInfo").offset().top-100

这是我网站的URL。当我向下滚动到HWR出版物部分并单击该部分的任何帖子时,它会转到另一页上的特定帖子,将内容隐藏在粘性导航栏下。为此,我使用了以下js代码:

  $(document).ready(function(){
      if (window.location.hash == "#moreInfo") {
        $('html, body').animate({
           scrollTop: $("#moreInfo").offset().top-100
         }, 1000);
      }
   });

只需添加这个jQuery代码

$('html, body').animate({
   scrollTop: $(window.location.hash).offset().top-100
 }, 1000);

您需要调整偏移量。偏移量没有任何影响:您可以将填充作为标题高度添加到要跳转到的元素中。。