Animate返回顶部按钮

我有一个返回顶部按钮，在滚动的某些点上淡入。我正在寻找改变脚本，而不是淡入淡出按钮幻灯片左50px然后幻灯片右-50px; （关闭屏幕）Animate返回顶部按钮

这里是我的代码淡入淡出：

var offset = 220; 
var duration = 500; 

$(window).scroll(function() { 
    if (jQuery(this).scrollTop() > offset) { 
     $('.back-to-top').fadeIn(duration); 
    } else { 
     $('.back-to-top').fadeOut(duration); 
    } 
}); 

$('.back-to-top').click(function(event) { 
    event.preventDefault(); 
    $('html, body').animate({scrollTop: 0}, duration); 
    return false; 
})

我试过，但它不是为我工作：

var offset = 220; 
var duration = 500; 

$(window).scroll(function() { 
    if (jQuery(this).scrollTop() > offset) { 
     $('.back-to-top').animate({ "left": "+=50px" }, duration); 
    } else { 
     $('.back-to-top').animate({ "right": "+=50px" }, duration); 
    } 
});

任何帮助将不胜感激。

来源

2014-01-10 Barry Corrigan

的jQuery UI的你的btn位于哪里？底部中央，左下或右下？ – Anup

它在这里的固定位置是CSS代码 - “.back-to-top {0} {0}}位置：fixed; \t width：42px; \t height：42px; \t bottom：20px; \t right：50px; \t background：url（../ img/back-to-top-btn.png）no-repeat; \t text-indent：-9999px; \t display：none; }' –

如何生根粉这一个： -

var offset = 220; 
var duration = 500; 

$(window).scroll(function() { 
    if (jQuery(this).scrollTop() > offset) { 
     $('.back-to-top').animate({ "right": "+100px" }, duration); 
    } else { 
     $('.back-to-top').animate({ "left": "0px" }, duration); 
    } 
});

来源

2014-01-10 11:37:18 Anup

尝试......

$(window).scroll(function() { 
    if (jQuery(this).scrollTop() > offset) { 
     $('.back-to-top').animate({"left":"-50px"}, "slow").removeClass('visible'); 
} else { 
     $('.back-to-top').animate({"left":"50px"}, "slow").addClass('visible'); 
} 
});

或在哪里，你可以使用基于example..like这个

$('.back-to-top').hide('slide', {direction: 'left'}, 1000);

来源

2014-01-10 11:39:11

Animate返回顶部按钮

回答

相关问题