Javascript 内容上方WordPress标题的JQueryMoothScroll插件

我为我的OnePage WordPress站点安装了jQuery平滑滚动插件。它在平滑滚动到顶部时效果非常好，但在通过菜单单击向下滚动到锚定位置时，它的位置错误（覆盖锚定内容（准确地说是headerheight覆盖））。当标题在顶部“切换”时，有一种向下滚动的方式，它会消失，然后突然向下滚动一些像素，它会固定在浏览器窗口的顶部。我认为这个突然消失/出现的动作会导致这个问题，但这并不意味着什么，因为我不擅长编码等

这是插件代码。收割台高度为80px

jQuery.noConflict（）；
jQuery（函数（$）{
//自定义设置：有关更多信息，请访问www.blogsynthesis.com/plugins/jquery-smooth-scroll/
//何时显示滚动链接
//更高的数字=滚动链接显示在页面的更下方
var上限=100；
//我们的滚动链接元素
var scrollem=$（'a#滚动到顶部'）；
//滚动速度。更改数字以更改速度
速度=600；
//选择你的放松效果http://jqueryui.com/resources/demos/effect/easing.html
var scrollStyle='swing'；
/****************************************************
*                                                  *
*跳转到锚链接脚本开始*
*                                                  *
****************************************************/
//根据滚动位置显示和隐藏滚动至顶部链接
scrollem.hide（）；
$（窗口）。滚动（函数（）{
var scrollTop=$（document.scrollTop（）；
如果（滚动顶部>上限）{
$（scrolllem.stop（）.fadeTo（300，1）；//淡入
}否则{
$（scrolllem.stop（）.fadeTo（300，0）；//淡出
}
});
//单击可滚动至顶部动画
$（滚动元素）。单击（函数（）{
$（'html，body'）。设置动画（{scrollTop:0}，scrollSpeed，scrollStyle）；返回false；
});
/****************************************************
*                                                  *
*跳转到锚链接脚本开始*
*                                                  *
****************************************************/
$（'a[href*=“#”]：非（[href=“#”]）：非（[href^=“#”]）。单击（函数（）
{
if（location.pathname.replace（/^\/，“”）=此.pathname.replace（/^\/，“”）
||location.hostname==this.hostname）
{
var target=$（this.hash），
头部高度=$（“.primary header”）.height（）+5；//获取固定的头部高度
target=target.length？target:$（'[name='+this.hash.slice（1）+']'）；
if（目标长度）
{
$（'html，body'）.animate（{scrollTop:target.offset（）.top}，scrollSpeed，scrollStyle）；
返回false；
}
}
});
/****************************************************
*                                                  *
*关注BLOGSYNTHESIS.COM了解WORDPRESS提示*
*                                                  *
****************************************************/
});

我不完全确定您的意思，但我认为您的说法是，当您滚动到元素时，锚会被标题覆盖

如果是这种情况，您可以添加此

CSS

来修复：

:target:before {
    content:"";
    display:block;
    height:80px; /* fixed header height*/
    margin:-80px 0 0; /* negative fixed header height */
}

我不太清楚你的文章的其他部分是什么意思

$(function() {
  $('a[href*="#"]:not([href="#"])').click(function() {
     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  var target = $(this.hash);
  target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  if (target.length) {
    $('html, body').animate({
      scrollTop: target.offset().top
    }, 1000);
    return false;
  }
}

---

试试这个没有插件的

谢谢你的建议。我将您的代码复制到style.css并在style.min.css中进行压缩，但没有任何更改。我试图更准确地描述这种情况：页眉与本演示中的一样，有了JSS插件和我第一条评论中的上述代码，我认为存在一个问题，即页眉在从页面顶部向下时没有计算到偏移量（因为它很快就会消失）但是当上升或在每个锚点之间时，当我将Headerheight设置为fix-85和targetoffset-85时，它就会起作用。谢谢你的回答！我将您的代码粘贴到文件“smooth.js”中，并将其放入wp includes/js/中。然后我尝试通过

add_操作（'wp_enqueue_scripts'、'my_js_include_function'）加载它；函数my_js_include_function（）{wp_enqueue_script（'smooth.js'，'/js/smooth.js'，array（'jquery'）；}

但什么也没发生。