我目前正处于网站的开发阶段,我的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();
}
});
这可能吗?
答案 0 :(得分:0)
您可以在索引页面中设置某种变量并执行所需的变量检查,并仅在索引页面上执行该fadeIn动画。
$(document).scroll(function () {
if(pageNameVariable == "index")
{
//arrange your piece of code here
}
});
仅在索引页面中设置pageNameVariable。并且您可以将滚动代码保留在任何位置。