2017-09-21 3 views
-2

誰かがこのコードをpluginにするのに手伝ってもらえますか?これをjQueryプラグインに変える

https://codepen.io/spz457/pen/NaNddP

私は、ウィンドウ見えてくる要素にクラス名を追加できるようにしたいです。それが私のスクリプトがすることです。

var isScrolledIntoView = function(element) { 
    var windowTop = $(window).scrollTop(); 
    var windowBottom = windowTop + $(window).height(); 
    var elementTop = $(element).offset().top; 
    var elementBottom = elementTop + $(element).height(); 

    if ((elementBottom <= windowBottom) && (elementTop >= windowTop)) { 
    return true; 
    } 
}; 

var showButtonAnimation = function(element, className) { 
    $(window).on("scroll", function() { 
    if (isScrolledIntoView(element)) { 
     $(element).addClass(className); 
    } else { 
     $(element).removeClass(className); 
    } 
    }); 
}; 

showButtonAnimation(".button", "in"); 

答えて

0

コードのプラグインです。 jquery How to Create a Basic Pluginページは、プラグインの作成方法を学習する上で非常に便利です。

+0

ありがとうございます!これはうまく動作し、プラグインを作成する方法を理解するのに役立ちます。 – spz1

関連する問題