0

ユーザーがページを下にスクロールすると表示される div があります (クリックすると、ページの上部に戻ります)。現在はフェードインとフェードアウトだけですが、ページの右側からスライドインしたいです。

これが私の現在のコードです：

Jクエリ:

<div class="toTop">
Back to the top
</div>
<script>
  $(window).scroll(function() {
    if ($(this).scrollTop()) {
        $('.toTop').fadeIn();
    } else {
        $('.toTop').fadeOut();
    }
});
</script>

CSS:

.toTop {
    padding: 10px;
    background: rgb(55,161,222);
    color: #fff;
    position: fixed;
    bottom: 50%;
    right: 0px;
    display: none;
    z-index:1000;
    text-transform:uppercase;
    font-weight:600;
}

ここで私が何をしているかを確認することもできます: http://www.samskirrow.com/client-hope

4

2 に答える 2

1

を取り除きdisplay:noneます。

の代わりにおよびの代わりに設定right:-200pxして使用します。.animate({ right: 0px }).fadeIn().animate({ right: -200px })fadeOut()

if ステートメントを に変更しますif ($(this).scrollTop() > 100)。これは、scrollTop()関数が現在のスクロール位置を上からのピクセル数として返すためです。

于 2012-11-26T21:14:38.607 に答える
0

に置き換え$('.toTop').fadeIn();ます.animate({"right":"-50px"}, "slow");

于 2012-11-26T21:16:59.663 に答える