轉到頂部按鈕鉻後淡出不可見

Question

我面臨很奇怪的問題。

當我使用頁面向下或碎片標識符跳轉到某個div，那時我的頂層圖像不可見。

這是我的代碼。

HTML：

<a title="Go to top" href="#" class="back-to-top"></a> 

更少（CSS）：

.back-to-top { 
position: fixed; 
bottom: 50%; 
right: 15px; 
text-decoration: none; 
overflow: hidden; 
font-size: 12px; 
padding: 1em; 
display: none; 
background-image: url("/images/go-top.png"); 
width: 48px; 
height: 48px; 

}

的javascript：

$(window).scroll(function() { 
    if ($(this).scrollTop() > offset) { 
     $('.back-to-top').fadeIn(600); 
    } 
    else { 
     $('.back-to-top').fadeOut(600); 
    } 
}); 

$('.back-to-top').click(function(event) { 
    $('html, body').animate({scrollTop: 0}, duration); 
    return false; 
}); 

Answer 1

DEMO

$（文件）。就緒（函數（）{

$('.back-to-top').hide(); 

    $(function() { 
     $(window).scroll(function() { 
      if ($(this).scrollTop() > 200) { 
       $('.back-to-top').fadeIn(); 
      } else { 
       $('.back-to-top').fadeOut(); 
      } 
     }); 
    }); 
}); 

DEMO 2

$(document).ready(function() { 
    $('.back-to-top').hide(); 
    var test = 1; 
    $(function() { 
     $(window).scroll(function() { 
      if (test == 1) { 
       if ($(this).scrollTop() > 200) { 
        $('.back-to-top').fadeIn(); 
       } 
       test = 2; 
      } else if (test == 2) { 
       if ($(this).scrollTop() < 200) { 
        $('.back-to-top').fadeOut(); 
       } 
       test = 1; 
      } 
     }); 
    }); 
});