Question

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

脚本：

<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');
}

当用户向下滚动时，如何更改：在WordPress导航后？

1 个答案: