Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在代码中复制函数_Javascript_Css - Fatal编程技术网

Javascript 在代码中复制函数

Javascript 在代码中复制函数,javascript,css,Javascript,Css,我有以下函数,它基于用户滚动将类(header hide/header show)应用于div $(文档).ready(函数($){ //调整此数字以在向下滚动时选择您的按钮 var偏移=75, //用按钮链接绑定 $animation=$('header'); //应用动画 $(窗口)。滚动(函数(){ ($(this).scrollTop()>offset)?$animation.addClass('header-hide').removeClass(“header-show”): $an

我有以下函数,它基于用户滚动将类(header hide/header show)应用于div

$(文档).ready(函数($){
//调整此数字以在向下滚动时选择您的按钮
var偏移=75,
//用按钮链接绑定
$animation=$('header');
//应用动画
$(窗口)。滚动(函数(){
($(this).scrollTop()>offset)?$animation.addClass('header-hide').removeClass(“header-show”):
$animation.addClass('header-show').removeClass(“header-hide”);
});
。标题隐藏{
不透明度:0;
可见性:隐藏;
}
.标题显示{
不透明度:1;
能见度:可见;
}

标题
副标题

编写一个接受4个参数的函数-元素、偏移量、隐藏类和显示类-

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

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

编写一个接受4个参数的函数-元素、偏移量、隐藏类和显示类-

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

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

因此,为什么不检查类的特定
名称来设置
偏移量
?如果您可以提供一个可以让我和其他人都可以使用的参数,那就太好了。请提供一个特定的属性(例如,在scroll offset param=“class1,class2,offset”)要对其应用动画的元素。并在窗口滚动选择具有指定属性的所有元素(在滚动偏移参数上)。然后选择这些元素,并使用属性值而不是硬代码调用函数。即使有了更新,我似乎也无法使
页眉
正常工作,您说过您可以使其正常工作,但希望对
页脚
执行相同操作。请在JSFIDLE上创建一个演示,以便我可以看到
页眉e> 工作,然后我就会知道我在用什么来为页脚工作。这是我的JSFIDLE尝试,但正如我提到的,我无法让java工作,为什么不检查类的特定
名称来设置
偏移量
?如果你能提供一个要处理的内容。为要应用动画的元素指定一个特定属性(例如,在滚动偏移参数上=“class1,class2,offset”)。并在窗口滚动选择具有指定属性的所有元素(在滚动偏移参数上)。然后选择这些元素,并使用属性值而不是硬代码调用函数。即使有了更新,我似乎也无法使
页眉
正常工作,您说过您可以使其正常工作,但希望对
页脚
执行相同操作。请在JSFIDLE上创建一个演示,以便我可以看到
页眉e> 工作,然后我就会知道我正在使用什么来让它为页脚工作。这是我的JSFIDLE尝试,但正如我提到的,我无法让java工作以及从何处和何时调用此函数?有两个不同的偏移量(70和300)和类要添加/删除(页眉隐藏/页眉显示)和(页眉隐藏/页脚显示)适用于2个不同的div(页眉和页脚)。
resualanimationfunc('header',70,'header hide','header show')
resualanimationfunc('footer',300,'footer hide','footer show'))
哦,好吧,我误解了你的回答。我以前从未使用过你的方法,它在代码中的位置是什么?你的确切意思是什么?这有帮助吗?从何时何地调用此函数?有两种不同的偏移量(70和300)和类要添加/删除(页眉隐藏/页眉显示)和(页脚隐藏/页脚显示)适用于2个不同的div(页眉和页脚)。
resualanimationfunc('header',70,'header hide','header show')
resualanimationfunc('footer',300,'footer hide','footer show'))
哦,好吧,我误解了你的回答。我以前从未使用过你的方法,它在代码中的位置是什么?你的确切意思是什么?这有帮助吗