0

申し訳ありませんが、その質問は少し希望に満ちたものです。私が求めている効果を説明しましょう：

left:0 と top:50% のボタンに position:fixed を使用するだけでなく、ユーザーが下にスクロールするとボタン (およびページの残りの部分) が上向きになる Web 上の効果を見てきましたが、ボタンが元の固定位置に戻ります。そのため、CSS の固定項目よりもはるかに目立ちます。

私はこの効果をグーグルで検索するのに本当に苦労しています。どのサイトで見たか覚えていませんが、通常、記事を下にスクロールすると、ソーシャル/共有ボタンが表示されます。

誰でも助けることができますか？

4

1 に答える 1

2

ここから直接取得したかなり単純な 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ボタンに合わせて変更してください。

于 2013-01-16T17:25:51.300 に答える