引入多个代码参数

Question

我有以下代码应用类和偏移量变量，我试图引入以下参数

resuableAnimationFunc('header', 70, 'header-hide', 'header-show')
resuableAnimationFunc('footer', 300, 'footer-hide', 'footer-show')

但我似乎无法让他们工作。不确定我是否正在编写代码。

jQuery(document).ready(function($){

function reusuableAnimationFunc(elementName, offset, hideClass, showClass) {
    $animation = $(elementName);

    $(window).scroll(function(){
    ( $(this).scrollTop() > offset ) ? $animation.addClass(hideClass).removeClass(showClass):
    $animation.addClass(showClass).removeClass(hideClass);
    });
}

    reusuableAnimationFunc('header', 70, 'header-hide', 'header-show')
    reusuableAnimationFunc('footer', 300, 'footer-hide', 'footer-show')

});

Answer 1

如果header和footer是HTML元素，那么请将您的代码包装在DOM中，如下所示：

$(function() {
   resuableAnimationFunc('header', 70, 'header-hide', 'header-show')
   resuableAnimationFunc('footer', 300, 'footer-hide', 'footer-show')
});