我在两个网站(WordPress)上有相同的模板。我下载了一个Custom Javascript插件并添加了以下代码:
$("#wrapfirst").removeClass("fadeInUp pagewrap1");
$("#wrapsecond").removeClass("fadeInLeft pagewrap2");
一个网站应用了这些更改而另一个没有。这样做的是www.shawneegaragedoors.com,那个没有(仍然有fadein效应)的是www.madisongaragerepair.com
我还尝试了一个与Shawnee网站有关的不同之处,但没有在麦迪逊网站上。我从custom.js文件中删除了以下内容:
//CSS Animation
jQuery(window).scroll(function() {
jQuery('.pagewrap1').each(function(){
var imagePos = jQuery(this).offset().top;
var topOfWindow = jQuery(window).scrollTop();
if (imagePos < topOfWindow+400) {
jQuery(this).addClass("fadeInUp");
}
});
jQuery('.pagewrap2').each(function(){
var imagePos = jQuery(this).offset().top;
var topOfWindow = jQuery(window).scrollTop();
if (imagePos < topOfWindow+400) {
jQuery(this).addClass("fadeInLeft");
}
});
jQuery('.postwrap3').each(function(){
var imagePos = jQuery(this).offset().top;
var topOfWindow = jQuery(window).scrollTop();
if (imagePos < topOfWindow+400) {
jQuery(this).addClass("fadeInRight");
}
});
});
jQuery(document).ready(function() {
jQuery('.srchicon').click(function() {
jQuery('.searchtop').toggle();
jQuery('.topsocial').toggle();
});
});
然后,我删除了:
.pagewrap1, .pagewrap2, .postwrap3{ visibility: hidden;}
来自style.css。的
在这两种情况下,只有Shawnee网站发生了变化。
任何人都可以帮我解决这个问题吗?我似乎无法弄明白。谢谢!