Javascript jQuery返回顶部+粘滞浮动+滚动淡入

Javascript jQuery返回顶部+粘滞浮动+滚动淡入,javascript,jquery,Javascript,Jquery,我目前在一个有很多内容的页面上使用返回顶部按钮。它工作得很好,但是,当用户转到页面时,链接在顶部是可见的。我希望它在页面加载时隐藏,当用户向下滚动大约400px时,它会变为可见并启动stickyfloat。当用户向上滚动到页面时,链接消失 jQuery: $('a#back-to-top').stickyfloat({duration: 150}); HTML: <div id="content"> // Content goes here <a href="#t

我目前在一个有很多内容的页面上使用返回顶部按钮。它工作得很好,但是,当用户转到页面时,链接在顶部是可见的。我希望它在页面加载时隐藏,当用户向下滚动大约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隐藏浮动元素。您可能可以像正常情况一样初始化stickyfloat。然后,您希望将一个处理程序附加到正在滚动的元素的滚动事件BODY,DIV

在处理程序中,您要检查元素的滚动顶部。一旦达到所需高度,在浮动元素中淡入淡出

反之亦然

.floating-element
{
    display:none
}

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

您应该使用插件的原始版本
.floating-element
{
    display:none
}

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