Animate返回頂部按鈕

Question

我有一個返回頂部按鈕，在滾動的某些點上淡入。我正在尋找改變腳本，而不是淡入淡出按鈕幻燈片左50px然後幻燈片右-50px; （關閉屏幕）

這裏是我的代碼淡入淡出：

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); 
    } 
}); 

任何幫助將不勝感激。

Answer 1

如何生根粉這一個： -

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); 
    } 
}); 

Answer 2

嘗試......

$(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);