コードでjqueryに直面する問題を使用してback to topボタンを作成

Question

私はindex.phpの固定ボタンを持っています。ユーザーがページの一番下にいるときに上に向かいます。

<button id="fixed-btn"></button> 

とそのCSSはこのようです。そうするため

#fixed-btn{ 
position: fixed; 
    bottom: 50px; 
    right: 50px; 
    height: 30px; 
    width: 30px; 
    border-radius: 100%; 
    background-color: red; 
opacity: 0; 
} 
#fixed-btn.show{ 
    opacity: 1; 
} 

私はそれが見えないworking.buttonない理由を私は知らないjqueryの

$(document).ready(function() 
{ 
    function testScroll(ev) 
    { 
    if(window.pageYOffset>400) 
    { 
     $('#fixed-btn').addClass('show'); 
    } 
    else 
    { 
     $('#fixed-btn').removeClass('show'); 
    } 
    } 
    window.onscroll=testScroll 
    $("#fixed-btn").click(function() 
    { 
    $('html, body').animate(
    { 
     scrollTop:0 
    }, 1500); 
    }); 

書きます。誰もそれについてのアイデアを持っていて、共有してください。事前に感謝:)

Answer 1

私はあなたのコードを参照してください、私はこれはまだ、問題に直面している場合は、ちょうどこの#fixed-btn{..}

でz-index: 9999;を追加

#fixed-btn{ 
position: fixed; 
    bottom: 50px; 
    right: 50px; 
    height: 30px; 
    width: 30px; 
    border-radius: 100%; 
    background-color: red; 
z-index: 9999; 
opacity: 0; 
} 

下記によりごproblem.replaceあなたのCSSを解決すると思いますお知らせ下さい。