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以匹配您的按钮。

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

1 个答案: