我制作了返回顶部的图标,它可以正常工作,但问题是它在我打开页面时出现,但我希望只有在我滚动页面后才能返回顶部。谢谢你的帮助。
试试这个:
(function() {
$(window).scroll(function() {
toggleBackToTop();
});
// Show and hide back to top button
function toggleBackToTop() {
var offset = 1, // Offset position when to show
scrollTop = 0,
$btn = $('.back-to-top');
scrollTop = $(window).scrollTop();
if(scrollTop >= offset) {
$btn.fadeIn();
} else {
$btn.fadeOut();
}
}
})();
注意:更新,你的按钮选择器
供参考:
输出:http://output.jsbin.com/nojese
代码:http://jsbin.com/nojese/edit?html,css,js