Javascript 如何更改标题'；是否根据滚动位置选择底部边框颜色？

我正在开发一个WordPress网站，我想知道为什么我的jQuery代码不起作用。我的目标是使主标题的下边框相对于文档的滚动位置发生更改，特别是当某些锚定标记在视图中时

以下是网站：

这是一个真实的模型，它的特点是底部边框的颜色变化，我正试图模仿它：

以下是默认的CSS：

.x-navbar,
.x-navbar-fixed-top {
  border-bottom: 3px solid #f0b33e;
}

下面是我用来修改上述CSS的jQuery：

$(document).ready(function() {
function isScrolledIntoView(elem) {
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
}

var myelement = $('#joinus'); // the element to act on if viewable
$(window).scroll(function() {
    if(isScrolledIntoView(myelement)) {
      $(".x-navbar, .x-navbar-fixed-top").css({
        'border-bottom': '3px solid #f0b33e',
      }); // change color of header bottom border
    } else {
        // do something when element is not viewable
    }
});

$（文档）.ready（函数（）{
函数IsCrolledinToView（elem）{
var docViewTop=$（window.scrollTop（）；
var docViewBottom=docViewTop+$（window）.height（）；
var elemTop=$（elem）.offset（）.top；
var elemBottom=elemTop+$（elem）.height（）；
返回（（elemBottom>=docViewTop）和（elemTop请看这里一次，这是一个很好的例子
你可以使用数据属性在每个部分中存储颜色，当该部分滚动到视图中时，获取其数据颜色并应用到边框谢谢提示。知道为什么这个问题被否决了吗？我想确保我遵守规则，我是新的，所以有关于ho的反馈吗w我问了这个问题，我们将不胜感激。再次感谢！我不知道这是为什么被否决。可能那个人觉得你没有尝试过任何东西，也没有从你提到的网站获得代码。糟糕。这绝对不是事实，因为模拟网站使用的是完全不同的（对我来说很神秘）技术。不管怎样，谢谢你的参与。