停止jQuery.animate delay-但是.queue会删除所有延迟
我想在窗口的右下角放置一个div容器。此div应仅在滚动时可见,此外,它应有几秒钟的延迟。这很好,但我也不想有一个关闭按钮。问题是,关闭按钮也有延迟,但它不应该有延迟 我已经读到我必须使用jquery.queue(),但它会删除所有延迟。由于我是JS新手,我不知道如何正确地实现它。我尝试了所有的可能性,但没有一个对我有效。也许有人能帮我。谢谢停止jQuery.animate delay-但是.queue会删除所有延迟,jquery,jquery-animate,delay,Jquery,Jquery Animate,Delay,我想在窗口的右下角放置一个div容器。此div应仅在滚动时可见,此外,它应有几秒钟的延迟。这很好,但我也不想有一个关闭按钮。问题是,关闭按钮也有延迟,但它不应该有延迟 我已经读到我必须使用jquery.queue(),但它会删除所有延迟。由于我是JS新手,我不知道如何正确地实现它。我尝试了所有的可能性,但没有一个对我有效。也许有人能帮我。谢谢 $(document).ready(function() { /* Every time the window is scrolled
$(document).ready(function() {
/* Every time the window is scrolled ... */
$(window).scroll( function(){
/* Check the location of each desired element */
$('.quick-contact').each( function(i){
var bottom_of_object = $(this).offset().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
/* If the object is completely visible in the window, fade it it */
if( bottom_of_window > bottom_of_object ){
$(this).delay( 1000 ).animate({'opacity':'1'},500);
$(this).animate({'bottom':'0px'},500);
}
});
});
});
$(document).ready(function(c) {
$('.alert-close').on('click', function(c){
$('.quick-contact').fadeOut('fast', function(c){
$('.quick-contact').remove();
});
});
});
您只为一个
$('.quick contact')
我添加了一个变量active=1
,用于设置检查动画
请试一试,没问题
$(文档).ready(函数(){
var-active=1;
/*每次滚动窗口时*/
$(窗口)。滚动(函数(){
/*检查每个所需元件的位置*/
$('.quick contact')。每个(功能(i){
变量bottom\u of_object=$(this.offset().top+$(this.outerHeight();
var bottom_of_window=$(window.scrollTop()+$(window.height());
/*如果对象在窗口中完全可见,请将其淡入淡出*/
if(窗口的底部\u>对象的底部\u&&active==1){
$(this).delay(1000).animate({'opacity':'1'},500);
$(this.animate({'bottom':'0px'},500);
活动=0;
}
});
});
});
$(文档).ready(函数c){
$('.alert close')。打开('click',函数(c){
$('.quick contact')。淡出('fast',函数(c){
$('.quick contact').remove();
});
});
});代码>
.wrapper
{
宽度:100%;
高度:1500px;
位置:相对位置;
}
.快速联系
{
宽度:300px;
高度:200px;
位置:固定;
底部:200px;
右:0px;
填充:0px;
背景:#f6f6f6;
颜色:#333333;
不透明度:0;
z指数:99;
}
.警报关闭
{
颜色:红色;
光标:指针;
}
我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字
哦,非常好-这对我来说非常适合!我现在明白问题是什么了。每个函数都在那里,因为我已经从需要这个函数的其他脚本复制了部分脚本,我没有意识到它在这里是不必要的。你能告诉我应该写什么而不是“每个”吗?非常感谢你!