我希望只有在我滚动页面后才能显示我的返回页首图标

I want my back to top icon appear only after i scroll the page

本文关键字：显示 我的 图标 返回页首 滚动 我希望      更新时间：2023-09-26

我制作了返回顶部的图标，它可以正常工作，但问题是它在我打开页面时出现，但我希望只有在我滚动页面后才能返回顶部。谢谢你的帮助。

试试这个：

(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

相关文章：