jQuery返回頁首+ StickyFloat +淡入淡出

Question

我目前在使用jQuery Stickyfloat作爲「返回頂部」按鈕，其中包含大量內容。它完美的工作，但是，當用戶轉到頁面時，鏈接在頂部可見。我希望它在頁面加載時隱藏，當用戶向下滾動（大約400px）時，它會變爲可見並啓動stickyfloat。當用戶滾動回頁面時，鏈接消失。

jQuery的：

$('a#back-to-top').stickyfloat({duration: 150}); 

的HTML：

<div id="content"> 
    // Content goes here 
    <a href="#top" id="back-to-top">Top</a> 
</div> 

鏈接絕對定位的主要內容股利。 CSS：

#content { 
    position: relative; 
} 

a#back-to-top { 
    position: absolute; 
    top:0; 
    right:0; 
} 

我該如何去做這件事？

Answer 1

你想最初通過CSS隱藏浮動元素。你可以像平常一樣初始化stickyfloat。然後，您想要附加處理程序到正在滾動的元素的滾動事件（BODY，DIV ..）。

在處理程序中，您要檢查元素的scrollTop。一旦達到你想要的高度，淡入浮動元素。

反之亦然隱藏它。

.floating-element 
{ 
    display:none 
} 

$('el').scroll(function(e){ 
    // check target.scrollTop... 
    // fade in target 
})