我如何更改：用户向下滚动后在WordPress导航上？

Question

我想在用户向下滚动后更改菜单上的：after，在更多失败之后，这就是我要尝试的工作：

脚本：

<script type="text/javascript">
    var a = 50px;
    var pos = $(window).scrollTop();
    if(pos > a) { $('.current_page_item').addClass('transparent') }
</script>

CSS：

.nav-menu .current_page_item:after {
    content: "";
    display: block;
    width: 0;
    border: 10px solid rgba(35, 31, 32, 1);
    border-color: rgba(35, 31, 32, 1) transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

.nav-menu .current_page_item.transparent:after {
    content: "";
    display: block;
    width: 0;
    border: 10px solid rgba(35, 31, 32, 0.8);
    border-color: rgba(35, 31, 32, 0.8) transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

这是接近答案还是我做错了吗？

感谢您的任何建议。

Answer 1

var a = 50px; 将抛出语法错误。 scrollTop()返回一个整数。 要添加类，请使用：

var a = 50,
    pos = $(window).scrollTop();

if(pos > a) 
{ 
    $('.current_page_item').addClass('transparent');
}