Javascript FadeIn代码添加更多类

时间:2015-10-04 11:13:22

标签: javascript wordpress fadein

我是Javascript的新手,我很抱歉电枢问题 我有一个fadein代码只适用于一个完美的类,这里是代码:

jQuery(document).ready(function($) {
var fadeinbig = function() {
    var scroll = $(window).scrollTop() + $(window).height(),
        offset = $(window).height() / 2;
    $('.fadeinbig').each(function(){
        if (scroll-offset > $(this).position().top && $(this).hasClass('fadeinbig')) {
            $(this).removeClass('fadeinbig');
        }
    });
}
fadeinbig();
$(window).on('scroll resize', fadeinbig);

我想添加更多类,如fadeinleft,fadeinright等。 像这样:

    jQuery(document).ready(function($) {
    var fadeinbig = function() {
        var scroll = $(window).scrollTop() + $(window).height(),
            offset = $(window).height() / 2;
        $('.fadeinbig').each(function(){
            if (scroll-offset > $(this).position().top && $(this).hasClass('fadeinbig')) {
                $(this).removeClass('fadeinbig');
            }
        });
    }
    fadeinbig();
    $(window).on('scroll resize', fadeinbig);
});
jQuery(document).ready(function($) {
    var faidinbottom = function() {
        var scroll = $(window).scrollTop() + $(window).height(),
            offset = $(window).height() / 2;
        $('.faidinbottom').each(function(){
            if (scroll-offset > $(this).position().top && $(this).hasClass('faidinbottom')) {
                $(this).removeClass('faidinbottom');
            }
        });
    }
    faidinbottom();
    $(window).on('scroll resize', faidinbottom);
});
jQuery(document).ready(function($) {
    var faidintop = function() {
        var scroll = $(window).scrollTop() + $(window).height(),
            offset = $(window).height() / 2;
        $('.faidintop').each(function(){
            if (scroll-offset > $(this).position().top && $(this).hasClass('faidintop')) {
                $(this).removeClass('faidintop');
            }
        });
    }
    faidintop();
    $(window).on('scroll resize', faidintop);

如果你问我为什么我的代码是使用removeClass而不是addClass,那么因为我更容易操作我的内容,而不改变我的网站的基本CSS样式。我只是添加一些类“faidintop,faidinbottom等”。到样式表,然后到div的类,魔术发生了。 如果有人可以帮助我,或者至少给我一些指示,如何以正确的方式做到,我将非常感激。

0 个答案:

没有答案