Div 仅在索引页面上动画答案

【问题标题】：Div animates only on index pageDiv 仅在索引页面上动画
【发布时间】：2015-05-18 15:08:30
【问题描述】：

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

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

JS 代码 -

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

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

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

});

这可能吗？

【问题讨论】：

把你的javascript从你的header中取出来，放到你的index.html页面中。
标志在整个网站的固定位置。这就是为什么我把它放在 header.php 文件中。我没有创建两个相同的 div 框，1 个可以在 index.php 上进行动画处理，1 个固定并在每个其他页面上对查看器可见，我看到是否有一种方法可以只控制一个 div 框？希望这是有道理的@Tony

标签： jquery html css animation

【解决方案1】：

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

$(document).scroll(function () {

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

});

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

【讨论】：