Question

我目前正处于网站的开发阶段，我的header.php中有一个包含徽标图像的div。一旦用户在网站上滚动超过1000px，它就会消失。

但是，当您导航到辅助页面时，同一条代码适用，因为我使用的是get_header()代码。我想要实现的是将fadeIn动画仅应用于索引页面而不应用于其他页面。

JS代码 -

$(document).scroll(function () {
    var y = $(this).scrollTop();

    if (y > 1000) {
        $('.header-logo').fadeIn().addClass('is-visible');

    } else {
        $('.header-logo').fadeOut();
    }

});

这可能吗？

Answer 1

您可以在索引页面中设置某种变量并执行所需的变量检查，并仅在索引页面上执行该fadeIn动画。

$(document).scroll(function () {

    if(pageNameVariable == "index")
{
    //arrange your piece of code here
}

});

仅在索引页面中设置pageNameVariable。并且您可以将滚动代码保留在任何位置。

Div动画仅在索引页

1 个答案: