Javascript jQuery返回顶部+粘滞浮动+滚动淡入
我目前在一个有很多内容的页面上使用返回顶部按钮。它工作得很好,但是,当用户转到页面时,链接在顶部是可见的。我希望它在页面加载时隐藏,当用户向下滚动大约400px时,它会变为可见并启动stickyfloat。当用户向上滚动到页面时,链接消失 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
$('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
})