jquery - 什么样的 jquery/css 脚本将按钮定位为“固定”，但也会对网页滚动做出反应？

Question

抱歉，这个问题有点空洞。让我解释一下我所追求的效果：

我不仅在左侧：0 和顶部：50% 的按钮上使用位置：固定，而是在网络上看到了当用户向下滚动时，按钮（以及页面的其余部分向上）的效果，但是按钮轻松回到原来的固定位置。所以它比一个 CSS 固定项目更引人注目。

我很难用谷歌搜索这种效果。我不记得我在哪些网站上看到过它，但当向下滚动一篇文章时，它通常包含社交/分享按钮。

任何人都可以帮忙吗？

Answer 1

您可以使用直接从此处获取的相当简单的 jQuery 代码片段：http: //css-tricks.com/scrollfollow-sidebar/（不是我的代码）

$(function() {

    var $sidebar   = $("#sidebar"), 
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top + topPadding
            });
        } else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
    });

});

当然，更改#sidebar以匹配您的按钮。