0

我有一个当用户向下滚动页面时出现的 div（您单击它，它会将您发送回页面顶部）。目前它只是淡入淡出，但我希望它从页面的右侧滑入。

这是我当前的代码：

查询：

<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 回答