Javascript 在代码中复制函数
我有以下函数,它基于用户滚动将类(header hide/header show)应用于divJavascript 在代码中复制函数,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
$(文档).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'))
哦,好吧,我误解了你的回答。我以前从未使用过你的方法,它在代码中的位置是什么?你的确切意思是什么?这有帮助吗