jquery - ScrollTo Top が機能しない

Question

scrollTo Top を機能させるのに苦労しています。

ボタンのCSSコードは次のとおりです。

.scrollTop {    
    background: none repeat scroll 0 0 #959595;
    bottom: 10%;
    position: fixed;
    right: 10px;
    z-index: 999;
    display:none;
}
.scrollTop a{   
    background:url(../images/to-top.png) no-repeat center center #959595;
    display: block;
    padding: 10px;
    height: 32px;
    width: 32px;
    text-indent:-9999px;
}
.scrollTop a:hover{
    background-color:#e00a16;
}

関数を実行するjQueryは次のとおりです。

$(window).bind('scroll', function(){
        if ($(this).scrollTop() > 100) { $('.scrollTop').fadeIn(); } else { $('.scrollTop').fadeOut(); }
    });

    $('.scrollTop').click(function(e){
        e.stopPropagation();
        $('body,html').animate({scrollTop: 0}, 800);
        return false;
    });

まったく表示されず、CSS スタイルが画像を取得していないように見えますが、正しくリンクされています。ここのフォーラムで提案を試みましたが、どれも機能していないようです。これはすべてワードプレスで行われます。

どんな提案でも大歓迎です。